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高度

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

        fitColumns: true,//列整理宽度

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

        idField: 'TR_ID',

        sortName: 'TR_ID',//排序列

        sortOrder: 'asc',

//标题 及数据绑定

columns: [[

            {

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

                100

            },{ field: 'BOD_REALNO', title: '合同编号', $("#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() });

    });

})