實現對DataGird控制元件的繫結操作

//實現對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();
}
})
};


//繫結查詢按鈕的的點選事件
function BindSearchEvent() {
//按條件進行查詢資料，首先我們得到資料的值
$("#btnSearch").click(function () {
//得到使用者輸入的引數，取值有幾種方式：$("#id").combobox('getValue'), $("#id").datebox('getValue'), $("#id").val()
//欄位增加WHC_字首字元，避免傳遞如URL這樣的Request關鍵字衝突
var queryData = {
WHC_ID: $("#txtID").val(),
WHC_Name: $("#txtName").val(),
WHC_Icon: $("#txtIcon").val(),
WHC_Seq: $("#txtSeq").val(),
WHC_FunctionId: $("#txtFunctionId").val(),
WHC_Visible: $("#txtVisible").val(),
WHC_WinformType: $("#txtWinformType").val(),
WHC_Url: $("#txtUrl").val(),
WHC_WebIcon: $("#txtWebIcon").val(),
WHC_SystemType_ID: $("#txtSystemType_ID").val()
}
//將值傳遞給
InitGrid(queryData);
return false;
});
}