美文网首页
layui dropdown 在layuitable中动态更新下

layui dropdown 在layuitable中动态更新下

作者: 夏阳清绝 | 来源:发表于2021-01-08 11:34 被阅读0次
<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'})

相关文章

网友评论

      本文标题:layui dropdown 在layuitable中动态更新下

      本文链接:https://www.haomeiwen.com/subject/lmnxaktx.html