`
huobengluantiao8
  • 浏览: 1022003 次
文章分类
社区版块
存档分类
最新评论

Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作

 
阅读更多

C1GridView具有很多内置的功能,比如排序过滤分页以及分组

image

对于开发者来说,这些都是很有用的功能,因为它们可以节省大量通过代码实现这些能力的时间。
无论如何,开发人员不一定非要将其在设计时绑定到一个数据源。实际上,在大多数情况下,数据是动态绑定的。

本文讨论了当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)

{

}

image

下载示例

Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

分享到:
评论

相关推荐

    wijmo+jquery+jqueryui+jqgrid 最新开发包以及demo

    NULL 博文链接:https://hugang357.iteye.com/blog/1564263

    Wijmo Jquery Widget

    Wijmo Base on Jquery UI Widget

    Wijmo jQuery 插件集

    Wijmo jQuery 插件集

    wijmo-JQuery插件

    wijmo-JQuery插件,很强大的UI

    Wijmo-Pro(基于jqueryUI提供了40+组件,强大的图标组件)

    Wijmo-Pro(基于jqueryUI提供了40+组件,强大的图标组件)

    Wijmo-Open.2.2.0开源版破解版

    Wijmo是一个基于jQuery UI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。 Wijmo主要特点  1.完全支持HTML5 ...

    Wijmo jQuery UI插件集实例 v1.5

    摘要:脚本资源,jQuery,Wijmo Wijmo是一个基于jQuery UI的组件集,有超过30多个jQuery UI 组件,是一个CSS3,SVG,HTML5的混合物,Wijmo开发了一系列包括图表、、Tab选项卡、滑动门、菜单、上传文件、柱型图、表单...

    Wijmo开源框架DEMO源码 v2.2.0

     最领先的Web开发技术使用集 HTML5、jQuery、CSS3、和 SVG 多项技术于一体的 Wijmo 控件包进行开发,可以让您的 Web 应用系统紧跟当前的流行趋势,并能让您的 Web 应用程序拥有更快的执行速度、用户访问也更加流畅...

    WOJOCS-MVCExplorer 非常漂亮的web前段

    Wijmo是一个基于jQuery UI的UI部件的套件,目前还处于beta阶段。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。 Wijmo主要特点 1...

    ComponentOne Studio for ASP.NET Wijmo 2012 v3 5/5

    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演示代码合集

    Wijmo5 Flexgrid演示代码合集,打包发布 转载自官方网站.

    [Wijmo] Wijmo UIs 开发教程 (英文版)

    [Packt Publishing] Wijmo UIs 开发教程 (英文版) [Packt Publishing] Building UIs with Wijmo (E-Book) ☆ 图书概要:☆ Build user interfaces quickly using widgets Overview Learn to configure Wijmo ...

    ComponentOne Studio for ASP.NET Wijmo 2012 v3 4/5

    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 2012 v3 2/5

    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 2012 v3 1/5

    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 2012 v3 3/5

    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 ...

    Wijmo-Complete

    ComponentOne Studio for ASP.NET Wijmo是基于jQuery和Wijmo的新一代Web控件。它提供完整的server端开发技术和非常丰富的富客户端UI能力。可用于多种设备:PC、笔记本、iPad、平板电脑、智能手机和移动终端。

    ComponentOne Studio for ASP.NET Wijmo 2014 V3

    ☆ 资料说明:☆ ComponentOne Studio for ASP.NET Wijmo 专门为网页设计窗体而开发,功能强大,覆盖全面,是 ASP.NET 平台...- 增强的表格视图(GridView); - 树形视图(TreeView)滚动可视化; - 全新的产品示例;

    Wijmo-Open.2.0.8.zip

    Wijmo-Open.2.0.8.zip Wijmo jquery mobile js

Global site tag (gtag.js) - Google Analytics