关于layui 前台页面表单显示内容

function loadTickets(jsonEntity) {
        var id = $("#byId").val();
        table.render({
            elem : '#test',
            url : url,   //这里写调用后台方法的路径
            height: 450, //设置表单的长度,也可以设置宽度 width;
            toolbar : '#toolbarDemo', // 开启工具栏,此处显示默认图标,可以自定义模板,详见文档
            page : true,    //page:为true 时, 开启分页功能,为false时,关闭分页功能;
            unresize : false,    //是否禁用拖拽列宽;默认为false
            where : jsonEntity, 
            totalRow : true,// 开启合计行
            limits : [ 5, 15, 30 ], //设置分页的下拉条数;
            limit : 5,  //设置每页显示几条
            async : false,
            cols : [ [ {
                type : 'checkbox', //加上复选框
                fixed : 'left' //放在左边
            }, {
                field : 'name',title : '名称',    event : 'monthSign',    width : '20%',    align : 'center',    edit : 'text',
                templet : function(row) {
                    return row.name;
                }
            }, {
                field : 'code',title : '编码',    event : 'monthSign',    width : '7%',    align : 'center',    edit : 'text',
                templet : function(row) {
                    return row.code;
                }
            }, {
                field : 'path',title : '路径',    event : 'monthSign',    width:'10%',    align : 'center',    edit : 'text',
                templet : function(row) {
                    return row.path;
                }
            } ] ],
            done : function(res, curr, count) {
                currentPage = curr;
            }
        });

    }

基本上一行一注释了。。。

当然了,官方文档更加清晰应该:    https://www.layui.com/demo/table/toolbar.html



posted @ 2019-10-17 10:04  大云之下  阅读(3028)  评论(3编辑  收藏  举报
大云之下