原創(chuàng)|其它|編輯:郝浩|2012-06-19 01:36:59.000|閱讀 221 次
概述:本文介紹如何通過(guò)客戶端過(guò)濾WebGrid列和文本框。我們還將展示如何創(chuàng)建一個(gè)按鈕來(lái)調(diào)用過(guò)濾器的方法。借助于多種過(guò)濾選項(xiàng)和即時(shí)數(shù)據(jù)過(guò)濾功能,WebGrid提供相關(guān)搜索結(jié)果時(shí)比以往任何時(shí)候都更加快速。WebGrid包含了直觀的過(guò)濾接口,如自動(dòng)過(guò)濾建議,過(guò)濾狀態(tài)指示,預(yù)定義過(guò)濾類型等等,讓用戶更有效地處理數(shù)據(jù)。由于擁有一系列完整的客戶端APIs和客戶端事件,你可以更好地控制WebGrid 處理過(guò)程,并以編程方式執(zhí)行自定義操作。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
本文介紹如何通過(guò)客戶端過(guò)濾WebGrid列和文本框。我們還將展示如何創(chuàng)建一個(gè)按鈕來(lái)調(diào)用過(guò)濾器的方法。借助于多種過(guò)濾選項(xiàng)和即時(shí)數(shù)據(jù)過(guò)濾功能,WebGrid提供相關(guān)搜索結(jié)果時(shí)比以往任何時(shí)候都更加快速。WebGrid包含了直觀的過(guò)濾接口,如自動(dòng)過(guò)濾建議,過(guò)濾狀態(tài)指示,預(yù)定義過(guò)濾類型等等,讓用戶更有效地處理數(shù)據(jù)。由于擁有一系列完整的客戶端APIs和客戶端事件,你可以更好地控制WebGrid 處理過(guò)程,并以編程方式執(zhí)行自定義操作。
在這篇文章中,您將執(zhí)行以下任務(wù):
新增WebGrid實(shí)例,并準(zhǔn)備數(shù)據(jù)
新增WebGrid實(shí)例,并將WebGrid綁定到數(shù)據(jù)源
添加HTML控件,TextBox和Button
添加一個(gè)文本框,并將其命名為filterRow,并添加一個(gè)帶有onclick客戶端事件的按鈕。
<form id="form1" runat="server">
<div>
…
<input id="filterTextBox" type="text" />
<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
</div>
</form>
實(shí)現(xiàn)onclick方法
通過(guò)一下代碼設(shè)置按鈕的OnClick方法
function Button1_onclick() {
var grid = ISGetObject("WebGrid1");
// get the value of textbox
var filter = document.getElementById("filterTextBox").value;
// get the filter row
var filterRow = grid.RootTable.GetFilterRow();
// traverse to text node
// Put the filtered column name inside the GetNamedItem method
grid.RootTable.ToRowObject(filterRow).GetCells().GetNamedItem("ColumnName") = filter;
// refresh the grid
grid.Refresh();
return true;
}
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)