当前位置:主页   - 电脑 - 网站开发 - ASP.Net
ExtJS的.NET控件----YuiGrid(数据绑定、同步/异步取值)
来源:网络   作者:   更新时间:2012-03-30
收藏此页】    【字号    】    【打印】    【关闭

  本文示例源代码或素材下载

  YuiGrid是ExtJs的.NET控件,其功能类似标准的GridView控件,又各有所长,本文将简单的介绍下ExtJS的.NET控件中的YuiGrid控件的一些常用功能和实现。 

  一、数据准备

  建立数据(MSSQL 2005),字段如下图所示:

  ExtJS的.NET控件----YuiGrid(数据绑定、同步/异步取值)

  二、效果预览

  YuiGrid的界面呈现的效果如下图:

  ExtJS的.NET控件----YuiGrid(数据绑定、同步/异步取值)

  我们还可以点击列进行排序以及动态指定需要显示的列,如下图示:

  ExtJS的.NET控件----YuiGrid(数据绑定、同步/异步取值)

  三、数据绑定和取选择行的数据(服务端)

  同标准的GridView一样,使用YuiGrid的DataSource属性和DataBind()方法进行数据绑定,YuiGrid也支持Linq。

1privatevoidBindGrid()
2{
3  SqlConnectionconn=newSqlConnection(ctx.Connection.ConnectionString);
4  SqlDataAdaptersda=newSqlDataAdapter("select*fromuserinfo",conn);
5  conn.Open();
6  DataSetds=newDataSet();
7  sda.Fill(ds);
8  this.YuiGrid1.DataSource=ds;
9  this.YuiGrid1.DataBind();
10  conn.Close();
11}

  获取选择列的数据相比标准控件的Grid来说更加方便,直接使用SelectedIndexChanged事件就OK,提供了SelectedRowArgs事件来传递数据,通过它直接取相应的属性,如下图我们选择“李四”这一条数据则在右边显示出来。

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明