C1GridView具有很多内置的功能,比如排序,过滤,分页以及分组。
对于开发者来说,这些都是很有用的功能,因为它们可以节省大量通过代码实现这些能力的时间。
无论如何,开发人员不一定非要将其在设计时绑定到一个数据源。实际上,在大多数情况下,数据是动态绑定的。
本文讨论了当C1GridView动态绑定数据时如何实现排序,过滤分页以及分组。
绑定C1GridView
C1GridView可以绑定到一个ADO.NET数据源,比如说DataSet,DataTable等等。对于本示例,我们将grid绑定到C1NWind.mdb数据库文件的“Customers”表上。
public DataSet BindGrid()
{
OleDbConnection con = new OleDbConnection("provider=Microsoft.Jet.Oledb.4.0; Data Source=" + Server.MapPath("~/App_Data/C1NWind.mdb"));
OleDbDataAdapter da;
DataSet ds = new DataSet();
da = new OleDbDataAdapter("Select * from Customers", con);
da.Fill(ds);
return ds;
}
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
C1GridView1.DataSource = BindGrid();
C1GridView1.DataBind();
}
}
处理C1GridView事件
排序
为了实现排序,我们需要处理Sorting以及Sorted事件。Grid会在Sorted事件中被重新绑定。
protected void C1GridView1_Sorting(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewSortEventArgs e)
{
}
//处理 Sorting
protected void C1GridView1_Sorted(object sender, EventArgs e)
{
C1GridView1.DataSource = BindGrid();
C1GridView1.DataBind();
}
过滤
处理过滤的代码和处理排序的逻辑完全相同。我们需要处理Filtering 以及Filtered事件。
protected void C1GridView1_Filtering(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewFilterEventArgs e)
{
}
//处理Filtering
protected void C1GridView1_Filtered(object sender, EventArgs e)
{
C1GridView1.DataSource = BindGrid();
C1GridView1.DataBind();
}
分页
处理分页的逻辑和处理排序和过滤得逻辑有一点点不同。我们只需要处理Paging事件。首先将G1GridView的PageIndex设置为NewPageIndex,然后就像我们之前所作的那样,对grid进行重新绑定。
protected void C1GridView1_PageIndexChanging(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewPageEventArgs e)
{
C1GridView1.PageIndex = e.NewPageIndex;
C1GridView1.DataSource = BindGrid();
C1GridView1.DataBind();
}
分组
为了对C1GridView进行分组,需要将AllowColMoving以及ShowGroupArea属性设置为true。我们还需要处理ColumnGrouped以及ColumnUngrouped事件,并且将ColumnUngrouped事件留空。然而,在ColumnGrouped事件中,我们必须重新绑定grid。不同的是,这次我们需要添加一个参数,这个参数就是正在被拖拽或者分组的列的HeaderText。这个参数首先被用来按照该列进行排序,之后应用分组,以确保不会创建重复分组。
//处理 Column Grouping
protected void C1GridView1_ColumnGrouped(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewColumnGroupedEventArgs e)
{
C1GridView1.DataSource = BindGrid(e.Drag.HeaderText);
C1GridView1.DataBind();
}
//处理Column UnGrouping
protected void C1GridView1_ColumnUngrouped(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewColumnUngroupedEventArgs e)
{
}
Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!
分享到:
相关推荐
NULL 博文链接:https://hugang357.iteye.com/blog/1564263
Wijmo Base on Jquery UI Widget
Wijmo jQuery 插件集
wijmo-JQuery插件,很强大的UI
Wijmo-Pro(基于jqueryUI提供了40+组件,强大的图标组件)
Wijmo是一个基于jQuery UI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。 Wijmo主要特点 1.完全支持HTML5 ...
摘要:脚本资源,jQuery,Wijmo Wijmo是一个基于jQuery UI的组件集,有超过30多个jQuery UI 组件,是一个CSS3,SVG,HTML5的混合物,Wijmo开发了一系列包括图表、、Tab选项卡、滑动门、菜单、上传文件、柱型图、表单...
最领先的Web开发技术使用集 HTML5、jQuery、CSS3、和 SVG 多项技术于一体的 Wijmo 控件包进行开发,可以让您的 Web 应用系统紧跟当前的流行趋势,并能让您的 Web 应用程序拥有更快的执行速度、用户访问也更加流畅...
Wijmo是一个基于jQuery UI的UI部件的套件,目前还处于beta阶段。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。 Wijmo主要特点 1...
jQueryUI Widgets Why use Studio for ASP.NET Wijmo? One Technology for All ASP.NET Development Take on any project with a single technology that provides everything from pure client-side ...
Wijmo5 Flexgrid演示代码合集,打包发布 转载自官方网站.
[Packt Publishing] Wijmo UIs 开发教程 (英文版) [Packt Publishing] Building UIs with Wijmo (E-Book) ☆ 图书概要:☆ Build user interfaces quickly using widgets Overview Learn to configure Wijmo ...
jQueryUI Widgets Why use Studio for ASP.NET Wijmo? One Technology for All ASP.NET Development Take on any project with a single technology that provides everything from pure client-side ...
jQueryUI Widgets Why use Studio for ASP.NET Wijmo? One Technology for All ASP.NET Development Take on any project with a single technology that provides everything from pure client-side ...
jQueryUI Widgets Why use Studio for ASP.NET Wijmo? One Technology for All ASP.NET Development Take on any project with a single technology that provides everything from pure client-side ...
jQueryUI Widgets Why use Studio for ASP.NET Wijmo? One Technology for All ASP.NET Development Take on any project with a single technology that provides everything from pure client-side ...
ComponentOne Studio for ASP.NET Wijmo是基于jQuery和Wijmo的新一代Web控件。它提供完整的server端开发技术和非常丰富的富客户端UI能力。可用于多种设备:PC、笔记本、iPad、平板电脑、智能手机和移动终端。
☆ 资料说明:☆ ComponentOne Studio for ASP.NET Wijmo 专门为网页设计窗体而开发,功能强大,覆盖全面,是 ASP.NET 平台...- 增强的表格视图(GridView); - 树形视图(TreeView)滚动可视化; - 全新的产品示例;
Wijmo-Open.2.0.8.zip Wijmo jquery mobile js