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

发布时间:2012/11/16 00:11 发布者:葡萄城产品团队

返回博客中心

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事件中被重新绑定。
  1. protected void C1GridView1_Sorting(object sender, C1.Web.Wijmo.Controls.C1GridView.C1GridViewSortEventArgs e)
  2. {
  3. }
  4. //处理 Sorting
  5. protected void C1GridView1_Sorted(object sender, EventArgs e)
  6. {
  7.     C1GridView1.DataSource = BindGrid();
  8.     C1GridView1.DataBind();
  9. }
复制代码
过滤
处理过滤的代码和处理排序的逻辑完全相同。我们需要处理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)
{
}
复制代码


下载示例
5.Sample_GridViewOperations.zip (189.62 K, 下载次数:240)


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


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网