彩票走势图

本文介绍如何通过客户端过滤WebGrid列和文本框。我们还将展示如何创建一个按钮来调用过滤器的方法。借助于多种过滤选项和即时数据过滤功能，WebGrid提供相关搜索结果时比以往任何时候都更加快速。WebGrid包含了直观的过滤接口，如自动过滤建议，过滤状态指示，预定义过滤类型等等，让用户更有效地处理数据。由于拥有一系列完整的客户端APIs和客户端事件，你可以更好地控制WebGrid 处理过程，并以编程方式执行自定义操作。

在这篇文章中，您将执行以下任务：

• 新增WebGrid实例，并准备数据
• 添加HTML控件，TextBox和Button
• 实现onclick方法

新增WebGrid实例，并准备数据

新增WebGrid实例，并将WebGrid绑定到数据源

添加HTML控件，TextBox和Button

添加一个文本框，并将其命名为filterRow，并添加一个带有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>

实现onclick方法

通过一下代码设置按钮的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(&quot;ColumnName") = filter;

// refresh the grid
grid.Refresh();

return true;
}