easy-ui 使用datagrid问题记录

一、如何直接用 js 在 datagrid 中添加内容

// 通过遍历数组 valueItems 向 datagrid 中添加数据
// ""appendRow" 在datagrid最后插入数据 
for(var item in valueItems){
    $("#appValueItems").datagrid("appendRow",{
         name : valueItems[item].name,
         code : valueItems[item].code,
         desc : valueItems[item].desc
    });
}
// "insertRow" 可以将数据插入指定的 index 位置
// insert a new row at second row position
$('#dg').datagrid('insertRow',{
    index: 1,   // index start with 0
    row: {
        name: 'new name',
        age: 30,
        note: 'some messages'
    }
});

二、如何用 js 使 datagrid 的复选框选中

//通过 datagrid 的 idField 值来选中指定的行 
$("#appValueItems").datagrid("selectRecord",$(row).attr("code"));
//通过 datagrid 的 index 来选中指定的行
$("#appValueItems").datagrid("selectRow",index);

三、datagrid 的分页问题

$("#somethingDatagrid").datagrid({
        url:"xxxxxxxxxxxx",
        pagination:true,//选择是否分页
        pageNumber: 1,//默认初始页
        pageSize: 10,//每页显示的记录条数，默认为10 
        pageList: [5,10,15],//可以设置每页记录条数的列
        queryParams:{
            //查询数据的后台方法需要的参数
            "param1":"hello"
        }
}); 

1、当属性中pagination为true，datagrid向后台方法请求数据时，会默认添加page(当前页)和rows(分页大小)参数，后台方法可接收这两个参数实现分页。

2、后台发送json数据时，total存放总页数，rows存放数据。datagrid会自动解析。

3、使用datagrid时，浏览器报错：Cannot read property ‘length’ of undefined，主要是没有找到rows这个变量，可能原因是传输的数据格式无法解析或真的没有传rows的值。
Spring mvc的解决方法： easyui中datagrid显示数据的时候报Cannot read property ‘length’ of undefined