GridView 多重筛选 AJAX 控件

• 下载源代码 - 193 KB
• 从这里下载最新源代码

引言

此 AJAX 控制允许用户在 GridView 中的任何列内过滤数据。用户可以添加多个过滤器，也可以删除现有的过滤器。

源代码和视频

我已经将源代码和关于如何在您的 Web 应用程序中使用该控制的 Flash 视频上传到我的博客。要运行视频，您需要在浏览器中安装 Flash 插件。将 SWF 文件拖放到浏览器中即可运行：http://tawatech.blogspot.com/2008/06/aspnet-datagridview-ajax-data-filter.html。

背景

我正在寻找一个 ASP.NET 2.0 自定义控件，该控件允许用户通过向 GridView 控制添加过滤器来过滤数据。类似控件可以在 Microsoft BI Studio 等应用程序中找到。因此，我决定开发一个基于 Web 的控件来完成此类操作。

Using the Code

使用该控件非常简单明了

1. 添加 web.config AJAX 标签以在您的网站中启用 AJAX







2. 将过滤器控件拖放到您的页面中。（注意：该控件已经具有 AJAX UpdatePanel 和 ScriptManager，您无需为该控件创建新的 UpdatePanel。）

   

3. 为 GridView 拖放一个 UpdatePanel。
4. 将 GridView 放置在 AJAX UpdatePanel 内，并为其指定 SQLDataSource。



注意：该控件已经有一个 ScriptManager，因此您无需在 ASPX 页面中创建它。

5. 在 Page_Load 中，为过滤器控件指定 DataSource 和 DataColumn，并指定在添加或删除过滤器后将调用的事件处理程序方法。



6. 在事件处理程序 tableFilter_OnRefresh() 中调用控件方法 FilterDataSource() 将对您分配给 GridView 的 SqlDataSource1 应用过滤器。