码迷,mamicode.com
首页 > 其他好文 > 详细

easyui 绑定数据

时间:2015-08-26 17:31:22      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

 

//直接执行

 $(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() });

    });

})

easyui 绑定数据

标签:

原文地址:http://www.cnblogs.com/piguo/p/4760623.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!