layui生成表格

21 篇文章 0 订阅
<script type="text/html" id="xu_hao">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="cao_zuo">
    <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    <!-- 这里同样支持 laytpl 语法,如: -->
    {{#  if(d.auth > 2){ }}
    <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
    {{#  } }}
</script>

 

    var tableYk = layui.table;
    var tableCol=[[
         {templet: '#xu_hao', title: '序号', align: 'center', hide: true}
        , {field: '', title: '', align: 'center', hide: false}
        , {field: '', title: '', align: 'center', hide: false}
        , {field: '', title: '', align: 'center', hide: false}
        , {field: '', title: '', align: 'center', hide: false}
        , {title: '操作', align: 'center', toolbar: '#cao_zuo'}
    ]];
//----------------------------------------------------------------------------------------------------------------------

    function generateTableData(url,where,col) {
        tableYk.render({
            elem: '#tableData'
            , height: 'full-180'
            , cellMinWidth: 80
            , url: ctx + '/'+url //数据接口
            , where: where
            , page: true //开启分页
            , cols: col
        });
    }
//----------------------------------------------------------------------------------------------------------------------
        generateTableData("findDepartmentsByDeptName",{'deptName': $('#deptName').val()},tableCol);
    //监听工具条;表名:table1
    tableYk.on('tool(table1)', function (obj) {
        var data = obj.data;
        if (obj.event === 'detail') {
            layerYk.msg('ID:' + data.deptId + ' 的查看操作');
        } else if (obj.event === 'del') {
            layerYk.confirm('真的删除行么', function (index) {
                obj.del();//前端假删除
                layerYk.close(index);//关闭确认框
            });
        } else if (obj.event === 'edit') {
            layerYk.msg('编辑行:<br>'+ JSON.stringify(data));   
        }
    });

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值