<script type="text/html" id="barOp">
<button class="layui-btn layui-btn-xs" id="more_{{d.w_id}}"
lay-dropdown="{templateMenu: 'dropdown_more'}">更多</button>
</script>
//templateMenu: 加载下拉菜单模板id
<script type="text/plain" id="dropdown_more">
[
{{# if(d.paused == 1){ }}
[{layIcon: 'surebtn', txt: '继续', event: 'cont'}]
{{# }else{ }}
[{txt: '继续', layIcon: 'nobtn'}]
{{# } }}
{{# if (d.work_order_status !== 5) { }}
[{layIcon: 'surebtn', txt: '变更', event: 'change'}]
{{# }else{ }}
[{txt: '变更', layIcon: 'nobtn'}]
{{# } }}
{{# if (d.work_order_status==4) { }}
[{layIcon: 'surebtn', txt: '生产完成', event: 'completed'}]
{{# }else{ }}
[{txt: '生产完成', layIcon: 'nobtn'}]
{{# } }}
]
</script>
//初始化下拉菜单 并动态更新状态
table.render({
elem: '#tableid',
cols: [[ ]],
done: function (res) {
$.each(res.data, function (i, v) {
v.id = v.w_id;
});
// 数据翻页选中 存id
tableDone($, res);
// 初始化下拉按钮
for (let i = 0; i < res.data.length; i++) {
//文档中有这种获取id的写法 "#more_" + res.data[i].id ,
但是这种无法获取到 所以改用下方写法
dropdown.suite("[id='more_" + res.data[i].id + "']", {
data: res.data[i]
});
};
}
});
注意:dropdown.js不能直接引入页面,最好将js存放在layui.js所在文件夹,在初始化layui中引入layui.config().extend({ dropdown: 'dropdown'})
网友评论