//實現對DataGird控制項的綁定操作 function InitGrid(queryData) { $('#grid').datagrid({ //定位到Table標籤,Table標籤的ID是grid url: '/Menu/FindWithPager', //指向背景Action來擷取當前菜單的資訊的Json格式的資料 title: '功能菜單', iconCls: 'icon-view', height: 650, width: function () { return document.body.clientWidth * 0.9 }, nowrap: true, autoRowHeight: false, striped: true, collapsible: true, pagination: true, pageSize: 100, pageList: [50,100,200], rownumbers: true, //sortName: 'ID', //根據某個欄位給easyUI排序 sortOrder: 'asc', remoteSort: false, idField: 'ID', queryParams: queryData, //非同步查詢的參數 columns: [[ { field: 'ck', checkbox: true }, //選擇 { title: '顯示名稱', field: 'Name', width: 200}, { title: '表徵圖', field: 'Icon', width: 150 }, { title: '排序', field: 'Seq', width: 80 }, { title: '功能ID', field: 'FunctionId', width: 80 }, { title: '菜單可見', field: 'Visible', width: 80 }, { title: 'Winform表單類型', field: 'WinformType', width: 400 }, { title: 'Web介面Url地址', field: 'Url', width: 200 }, { title: 'Web介面的菜單表徵圖', field: 'WebIcon', width: 120 }, { title: '系統編號', field: 'SystemType_ID', width: 80 } ]], toolbar: [{ id: 'btnAdd', text: '添加', iconCls: 'icon-add', handler: function () { ShowAddDialog();//實現添加記錄的頁面 } }, '-', { id: 'btnEdit', text: '修改', iconCls: 'icon-edit', handler: function () { ShowEditOrViewDialog();//實現修改記錄的方法 } }, '-', { id: 'btnDelete', text: '刪除', iconCls: 'icon-remove', handler: function () { Delete();//實現直接刪除資料的方法 } }, '-', { id: 'btnView', text: '查看', iconCls: 'icon-table', handler: function () { ShowEditOrViewDialog("view");//實現查看記錄詳細資料的方法 } }, '-', { id: 'btnReload', text: '重新整理', iconCls: 'icon-reload', handler: function () { //實現重新整理欄目中的資料 $("#grid").datagrid("reload"); } }], onDblClickRow: function (rowIndex, rowData) { $('#grid').datagrid('uncheckAll'); $('#grid').datagrid('checkRow', rowIndex); ShowEditOrViewDialog(); } }) };
單選和行選擇問題:
//允許多選singleSelect: false,//設定複選框和行的選擇狀態不同步checkOnSelect: false, selectOnCheck: false,//設定選中事件,清除之前的行選擇onSelect: function (rowData) { navgrid.datagrid("unselectAll"); }