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