layui 表格按钮显隐

<script type="text/html" id="barDemo">
{
    
    {
    
    # if(d.status==2){
    
    }}
	<a class="layui-btn layui-btn-xs" lay-event="info">查看</a>
	<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="cancel">作废</a>
	{
    
    {
    
    # } else {
    
     }}
	<a class="layui-btn layui-btn-xs" lay-event="info">查看</a>
	<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="send">发券</a>
	<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="cancel">作废</a>
	{
    
    {
    
    # } }}
</script>
form.on('submit(*)', function(data){
    
    
    table.render({
    
    
        elem: '#test'
        ,url:""
        ,where:data.field
        ,limit:10
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
        ,toolbar: '#toolbarDemo'
        ,defaultToolbar: []
        ,cols: [[
            {
    
    type: 'checkbox',}
            ,{
    
    width:80, title: '序号',type:'numbers'}
            ,{
    
    field:'create_time', width:160, title: '创建时间',align:'center'}
            ,{
    
    field:'update_time', width:160, title: '更新时间',align:'center'}
            ,{
    
    field:'status', width:150,toolbar: '#barDemo', templet: function (d) {
    
    return d.status},
                title: '操作',align:'center'}
        ]]
        ,done: function (d) {
    
    
        }
        ,page: true
    });
});

猜你喜欢

转载自blog.csdn.net/cheers_bin/article/details/114584347
今日推荐