js动态控制table为easyUI中的DataGrid样式

最新推荐文章于 2022-05-07 22:45:57 发布

go-golang

最新推荐文章于 2022-05-07 22:45:57 发布

阅读量3.8k

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/zh134838/article/details/50432307

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;">        //初始化表格
        $(function () {
            initTable();
        });

        //初始化表格
        function initTable() {
            //把搜素框里的内容提交到后台对数据进行过滤。
            $('#dg').datagrid({
                url: '/Administrator/QueryBy',
                //title: '演示表格使用',
                width: "100%",
                striped: true, //行背景交换               
                fitColumns: true,
                idField: 'ID',
                loadMsg: '正在加载用户的信息...',
                pagination: true,
                singleSelect: false,
                pageSize: 10,
                pageNumber: 1,
                pageList: [10, 20, 30],
                queryParams: {
                    searchName: $("#searchName").val()
                },
                columns: [[
                        { field: 'ck', checkbox: true, align: 'left', width: 50 },
                        { field: 'ID', width: 50, hidden: true },
                        { field: 'AdminID', title: '管理员工号', width: 50, editor: 'text' },
                        { field: 'AdminPassword', title: '密码', width: 50, hidden: true },
                        { field: 'AdminName', title: '真实姓名', width: 50, editor: 'text' },
                        { field: 'AdminLevel', title: '级别', width: 50, editor: 'text' },
                        { field: 'IsUsed', title: '是否可用', width: 50, editor: 'text' }
                ]]
            });
        }</span>