easyui 绑定数据

//直接执行

$(function () {

setTable();

}

function setTable() {

$("#managersInfo").datagrid({

pageSize: 20,

pageList: [5, 10, 20, 30, 50],

url: "GetTransferList", //页面对应控制器的方法名

idField: 'TR_ID',

queryParams: { INVNO: $("#INVNO").val().trim(), STATUS: $("#selSearchStatus").val() }, // 传递参数

height: window.screen.height - 310, //设置grid高度

width: $("#data").width(),//设置grid宽度

fitColumns: true,//列整理宽度

//singleSelect: true, //只能选中单行

idField: 'TR_ID',

sortName: 'TR_ID',//排序列

sortOrder: 'asc',

//标题 及数据绑定

columns: [[

{

title: '序号ID', field: 'ID', checkbox: "true",

width: 100

},{ field: 'BOD_REALNO', title: '合同编号', width: $("#data").width() * 0.1, align: 'center' } ]]

}

查询绑定

方法一

给按钮绑定查询事件

$('#search').live("click", setTable);

方法二

//查询按钮的点击触发的方法。使用easyui的 load方法

$(function () {

$("#search").click(function () {

$('#managersInfo').datagrid('load', { INVNO: $("#INVNO").val().trim(), STATUS: $("#selSearchStatus").val() });

});

})