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