Jquery下EasyUI元件中的DataGrid結果集清空方法_jquery

我們有一個模組如下圖，要求選擇「地區」及「代維公司」後，刷新第一個DataGrid框體

並以第一個結果集中的行為資料條件點擊完成下一個框體的檢索

 

現在我們已完成對應功能，並在選擇「地區」及「代維公司」並保證這兩個選項同時有值後，自動刷新第一個DataGrid（DG1）結果集

但是在DG1刷新完畢後，後面兩個緊跟的DG2及DG3還是保有之前的結果

我試圖更改DG2及DG3的查詢條件，手動傳一個空的ID值給query()方法，但是後被後台的Controller層當作首次查詢return掉

於是查到這樣一個方法，可以給它們一個空結果集串

如下

複製程式碼 程式碼如下:

//修改/修改公司選擇框後重新提交查詢
function query1(){
var params = $('#dg1').datagrid('options').queryParams;
params.region = $('#region') .combotree('getValue');
params.company_id = $('#company_id').combotree('getValue');
params.contract_type = "line";//*目前寫死為線路，後期再最佳化為標籤頁
if(params.company_id == "" || params.region == ""){
return;
}
$("#dg1").datagrid ('load');
$('#dg2').datagrid('loadData', { total: 0, rows: [] });//清空下方DateGrid
$('#dg3') .datagrid('loadData', { total: 0, rows: [] });//清空下方DateGrid
}

這樣便可以順利清空DG2及DG3中結果集的資料

還有一個方法，就是遍歷並刪除結果集中的資料

複製程式碼 程式碼如下:

var item = $('#filegrid').datagrid('getRows');
if (item) {
for (var i = item.length - 1; i >= 0; i--) {
var index = $('#filegrid').datagrid('getRowIndex', item[i]);
$('#filegrid').datagrid('deleteRow', index);
}
}

殊途同歸