国产超薄黑色丝,亚洲无ab,日日肏干

WebGrid網(wǎng)格使用手冊(cè)（六）：如何使用HTML按鈕來(lái)過(guò)濾列？

原創(chuàng)|其它|編輯：郝浩|2012-06-19 22:08:00.000|閱讀 381 次

概述：由于包含了眾多的過(guò)濾選項(xiàng)和即時(shí)數(shù)據(jù)過(guò)濾功能，WebGrid提供相關(guān)的搜索結(jié)果時(shí)，比以往任何時(shí)候都更加迅速。WebGrid包含了直觀的過(guò)濾接口，如自動(dòng)過(guò)濾建議，過(guò)濾狀態(tài)指示，預(yù)定義過(guò)濾類(lèi)型等等，讓用戶(hù)更有效地處理數(shù)據(jù)。本文重點(diǎn)討論WebGrid的過(guò)濾以及如何使用HTML按鈕過(guò)濾或者不過(guò)濾器某些列。您將使用到兩個(gè)HTML按鈕，一個(gè)用來(lái)設(shè)置過(guò)濾某一列，另外一個(gè)用來(lái)不過(guò)濾該列。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

由于包含了眾多的過(guò)濾選項(xiàng)和即時(shí)數(shù)據(jù)過(guò)濾功能，WebGrid提供相關(guān)的搜索結(jié)果時(shí)，比以往任何時(shí)候都更加迅速。WebGrid網(wǎng)格包含了直觀的過(guò)濾接口，如自動(dòng)過(guò)濾建議，過(guò)濾狀態(tài)指示，預(yù)定義過(guò)濾類(lèi)型等等，讓用戶(hù)更有效地處理數(shù)據(jù)。本文重點(diǎn)討論WebGrid表格的過(guò)濾以及如何使用HTML按鈕過(guò)濾或者不過(guò)濾器某些列。您將使用到兩個(gè)HTML按鈕，一個(gè)用來(lái)設(shè)置過(guò)濾某一列，另外一個(gè)用來(lái)不過(guò)濾該列。

接下來(lái)，我們將完成以下2個(gè)任務(wù)：

準(zhǔn)備HTML按鈕
創(chuàng)建客戶(hù)端方法來(lái)過(guò)濾??某列

一、準(zhǔn)備HTML按鈕

在WebForm中新增WebGrid和兩個(gè)HTML按鈕。綁定數(shù)據(jù)到WebGrid。雙擊每個(gè)HTML按鈕，重命名為addFilter和removeFilter方法。

}

function removeFilter() {

}
</script>

二、創(chuàng)建客戶(hù)端方法來(lái)過(guò)濾??某列

在ddFilter方法中通過(guò)以下代碼來(lái)過(guò)濾某一列。

function addFilter() {
var grid = ISGetObject("WebGrid1");
var newFilter = new WebGridFilter(); // construct WebGridFilter object

newFilter.ColumnMember = "ContactTitle"; // which column do you want to filter
newFilter.FilterType = "EqualTo"; // use the same enumeration as in server side
newFilter.FilterText = "Owner"; // what is the key phrase of the filter

grid.RootTable.FilteredColumns.Add(newFilter); // add new filter column the same way as in server
grid.RootTable.UpdateUI(); // update User Interface to reflect changes
grid.Refresh(); // perform refresh to get the filter applied

alert("ContactTitle Column is now filtered!");
}

Use the following code inside the removeFilter method to enable the filter of a certain column:

function removeFilter() {
var grid = ISGetObject("WebGrid1");

grid.RootTable.FilteredColumns.Remove(grid.RootTable.FilteredColumns[0], true);
grid.RootTable.FilteredColumns[0].FilterType = '';
grid.RootTable.FilteredColumns[0].FilterText = '';
grid.RootTable.UpdateUI(); // update User Interface to reflect changes
grid.Refresh(); // perform refresh to get the filter removed

alert("Filtered ContactTitle Column is now removed!");
}

（慧都控件網(wǎng)版權(quán)所有，轉(zhuǎn)載請(qǐng)注明出處，否則追究法律責(zé)任）
標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件網(wǎng)

上一篇：DevExpress榮獲Code Project 2012 最佳.NET控件獎(jiǎng) 下一篇：WebGrid網(wǎng)格使用手冊(cè)（五）：回傳后如何自動(dòng)展開(kāi)WebGrid子行？