我是在layui的table里面使用的
table({
id :'reasonLeave'
, elem: '#reasonLeaveViewData'
, height: 'full-155'
, toolbar: '#toolbarDemo'
, defaultToolbar: []
, url: that.urls.queryReasonLeaveListData //数据接口
, page: {curr: 1, limit: 20}//重新从第 1 页开始
, limits: [20, 40, 60, 80, 100, 200, 500]
, where: {
}
, cols: [[ //表头z
{type: 'checkbox'}
, {type: 'numbers', title: '序号'}
, {field: 'name', title: '名称', align: 'center'}
, {field: 'approveStatusStr', title: '状态', align: 'center'}
, {field: 'approveRemark', title: '审批备注', align: 'center'}
, {title: '操作', fixed: 'right', align: "center", minWidth: 240, toolbar: '#reasonLeaveToolbar'}
]],
done: function (res, curr, count) {
}
});
<script id="reasonLeaveToolbar" type="text/html">
{{# if(d.approveStatus != 1 && d.approveStatus != 2 && d.approveStatus != 3){ }}
<button type="button" class="layui-btn layui-btn-xs" lay-event="pass">
<i class="layui-icon layui-icon-ok"></i>审核通过
</button>
<button type="button" class="layui-btn layui-btn-xs" style="background-color: red" lay-event="passFailed">
<i class="layui-icon layui-icon-close"></i>审核不通过
</button>
{{# } else { }}
......
{{# }}}
</script>