快捷導(dǎo)航

Jquery下EasyUI組件中的DataGrid結(jié)果集清空方法

更新時(shí)間：2014年01月06日 16:42:38 作者：

要求選擇“地區(qū)”及“代維公司”后，刷新第一個(gè)DataGrid框體，下面為大家介紹下如何清空J(rèn)query下EasyUI組件中的DataGrid結(jié)果集

我們有一個(gè)模塊如下圖，要求選擇“地區(qū)”及“代維公司”后，刷新第一個(gè)DataGrid框體

并以第一個(gè)結(jié)果集中的行為數(shù)據(jù)條件點(diǎn)擊完成下一個(gè)框體的檢索

現(xiàn)在我們已完成相應(yīng)功能，并在選擇“地區(qū)”及“代維公司”并保證這兩個(gè)選項(xiàng)同時(shí)有值后，自動(dòng)刷新第一個(gè)DataGrid（DG1）結(jié)果集

但是在DG1刷新完畢后，后面兩個(gè)緊跟的DG2及DG3還是保有之前的結(jié)果

我試圖更改DG2及DG3的查詢條件，手動(dòng)傳一個(gè)空的ID值給query()方法，但是后被后臺的Controller層當(dāng)作首次查詢r(jià)eturn掉

于是查到這樣一個(gè)方法，可以給它們一個(gè)空結(jié)果集串

如下

復(fù)制代碼代碼如下:

 
//修改代維公司選框后重新提交查詢 
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)化為標(biāo)簽頁 
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ù)

復(fù)制代碼代碼如下:

 
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); 
} 
} 

殊途同歸

您可能感興趣的文章:

相關(guān)文章

使用jQuery全局事件ajaxStart為特定請求實(shí)現(xiàn)提示效果的代碼
首先，重寫Ajax方法的代價(jià)太高，仍然可以利用jQuery自身的Ajax Events。
2010-12-12
利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例分享
這篇文章主要介紹了利用JQuery和Servlet實(shí)現(xiàn)跨域提交請求示例,需要的朋友可以參考下
2014-02-02
jquery之基本選擇器practice(實(shí)例講解)
下面小編就為大家?guī)硪黄猨query之基本選擇器practice(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
jQuery中ajax的load()與post()方法實(shí)例詳解
這篇文章主要介紹了jQuery中ajax的load()與post()方法,結(jié)合實(shí)例詳細(xì)分析了jQuery中l(wèi)oad()與post()方法實(shí)現(xiàn)ajax交互的相關(guān)技巧與注意事項(xiàng),需要的朋友可以參考下
2016-01-01
jQuery validate插件實(shí)現(xiàn)ajax驗(yàn)證重復(fù)的2種方法
這篇文章主要介紹了jQuery validate插件實(shí)現(xiàn)ajax驗(yàn)證重復(fù)的2種方法,結(jié)合完整實(shí)例形式分析了jQuery validate插件的使用技巧,需要的朋友可以參考下
2016-01-01
下面小編就為大家?guī)硪黄褂胘Query實(shí)現(xiàn)簡單的tab框?qū)嵗?。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08