本文示例源代码或素材下载
YuiGrid是ExtJs的.NET控件,其功能类似标准的GridView控件,又各有所长,本文将简单的介绍下ExtJS的.NET控件中的YuiGrid控件的一些常用功能和实现。
一、数据准备
建立数据(MSSQL 2005),字段如下图所示:
二、效果预览
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、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明!