jquery实现点击一个tab页,填充整个表单(一)。

来源:互联网 发布:url encode utf8 java 编辑:程序博客网 时间:2024/06/15 10:50

一、点击一个tab,给这个tab赋值id为roleInfo。

二、点击之后,进入到一个方法当中。

$("#roleInfo").click(function(e) {
            initData(selectPersonNodeData.id);
        });

三、初始化数据信息setting。

function initData(id) {
            
            var setting = {
                url: "/sys/authority/getRoleListByDataGrid",
                queryParams: {
                    'searchValue': '',
                    'userId': id,
                    'sid': loginData.getSID()
                },
                sortName: "lastUpdateTime",
                sortOrder: "desc",
                onSelect : selectHandler,
                onLoadSuccess: onLoadSuccess,
                columns: [
                    [{
                        field: 'roleName',
                        title: Lang.roleName,
                        width: 200
                    }, {
                        field: 'roleDescribe',
                        title: Lang.roleDesc,
                        width: 200
                    }, {
                        field: 'publicType',
                        title: Lang.roleType,
                        formatter: getPublicType,
                        width: 200
                    }]
                ],
                border: false,
                rownumbers: true,
                fit: true,
                fitColumns: true,
                singleSelect: true,
                striped: true,
                pagination: true,
                pageNumber: 1,
                pageSize: 20
            };
         
        }

四、进行填充

   $('#J_DataGrid').datagrid(setting);

阅读全文
0 0