Jquery下EasyUI組件中的DataGrid結(jié)果集清空方法
更新時間:2014年01月06日 16:42:38 作者:
要求選擇“地區(qū)”及“代維公司”后,刷新第一個DataGrid框體,下面為大家介紹下如何清空Jquery下EasyUI組件中的DataGrid結(jié)果集
我們有一個模塊如下圖,要求選擇“地區(qū)”及“代維公司”后,刷新第一個DataGrid框體
并以第一個結(jié)果集中的行為數(shù)據(jù)條件點擊完成下一個框體的檢索
現(xiàn)在我們已完成相應功能,并在選擇“地區(qū)”及“代維公司”并保證這兩個選項同時有值后,自動刷新第一個DataGrid(DG1)結(jié)果集
但是在DG1刷新完畢后,后面兩個緊跟的DG2及DG3還是保有之前的結(jié)果
我試圖更改DG2及DG3的查詢條件,手動傳一個空的ID值給query()方法,但是后被后臺的Controller層當作首次查詢return掉
于是查到這樣一個方法,可以給它們一個空結(jié)果集串
如下
//修改代維公司選框后重新提交查詢
function query1(){
var params = $('#dg1').datagrid('options').queryParams;
params.region = $('#region').combotree('getValue');
params.company_id = $('#company_id').combotree('getValue');
params.contract_type = "line";//*目前寫死為線路,后期再優(yōu)化為標簽頁
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中結(jié)果集的數(shù)據(jù)
還有一種方法,就是遍歷并刪除結(jié)果集中的數(shù)據(jù)
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);
}
}
殊途同歸
并以第一個結(jié)果集中的行為數(shù)據(jù)條件點擊完成下一個框體的檢索

現(xiàn)在我們已完成相應功能,并在選擇“地區(qū)”及“代維公司”并保證這兩個選項同時有值后,自動刷新第一個DataGrid(DG1)結(jié)果集
但是在DG1刷新完畢后,后面兩個緊跟的DG2及DG3還是保有之前的結(jié)果
我試圖更改DG2及DG3的查詢條件,手動傳一個空的ID值給query()方法,但是后被后臺的Controller層當作首次查詢return掉
于是查到這樣一個方法,可以給它們一個空結(jié)果集串
如下
復制代碼 代碼如下:
//修改代維公司選框后重新提交查詢
function query1(){
var params = $('#dg1').datagrid('options').queryParams;
params.region = $('#region').combotree('getValue');
params.company_id = $('#company_id').combotree('getValue');
params.contract_type = "line";//*目前寫死為線路,后期再優(yōu)化為標簽頁
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中結(jié)果集的數(shù)據(jù)
還有一種方法,就是遍歷并刪除結(jié)果集中的數(shù)據(jù)
復制代碼 代碼如下:
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);
}
}
殊途同歸
您可能感興趣的文章:
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery easyui datagrid動態(tài)查詢數(shù)據(jù)實例講解
- 擴展easyui.datagrid,添加數(shù)據(jù)loading遮罩效果代碼
- jQuery EasyUI datagrid實現(xiàn)本地分頁的方法
- jQuery EasyUI之DataGrid使用實例詳解
- jQuery Easyui DataGrid點擊某個單元格即進入編輯狀態(tài)焦點移開后保存數(shù)據(jù)
- 實現(xiàn)easyui的datagrid導出為excel的示例代碼
- 詳解EasyUi控件中的Datagrid
- jquery Easyui Datagrid實現(xiàn)批量操作(編輯,刪除,添加)
- EasyUI使用DataGrid實現(xiàn)動態(tài)列數(shù)據(jù)綁定
相關(guān)文章
jquery使用EasyUI Tree異步加載JSON數(shù)據(jù)(生成樹)
本篇文章主要介紹了jquery使用EasyUI Tree異步加載JSON數(shù)據(jù)(生成樹),具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-02-02寫得不錯的jquery table鼠標經(jīng)過變色代碼
鼠標經(jīng)過table變色的效果,想必大家都有遇到過吧,其實實現(xiàn)并不難,在本文為大家詳細介紹下jquery是如何實現(xiàn)的,感興趣的朋友可以參看下2013-09-09jQuery實現(xiàn)判斷上傳圖片類型和大小的方法示例
這篇文章主要介紹了jQuery實現(xiàn)判斷上傳圖片類型和大小的方法,結(jié)合實例形式分析了jQuery針對上傳圖片屬性獲取、判定相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery EasyUI API 中文文檔 - Calendar日歷使用
jQuery EasyUI API 中文文檔 - Calendar日歷使用,需要的朋友可以參考下。2011-10-10jQuery幫助之CSS尺寸(五)outerHeight、outerWidth
在前面我們分別通過innerHeight()和innerWidth()來獲得第一個匹配元素內(nèi)部區(qū)域的高度和寬度,我們在應用中往往除了需要內(nèi)部的尺寸,同樣還需要知道外部的高度和寬度.2009-11-11