管理 ASP.NET DataGrid 数据列-.NET教程,Asp.Net开发

在asp.net的datagrid数据显示控件编程中，我们有几种方式可以增加datagrid columns。其中最常见的方法是在web forms设计器中增加，通过在控件工具箱中拖访datagrid控件到web设计页面，然后在属性生成器中增加columns列;还有一种方式就是在html视图模式下更改html代码的方式增加columns列。但是这两种方式都是在设计时进行的，一旦设计完成就无法更改。其实我们也可以在程序运行时动态的增加或者删除columns列。在这篇文章中，我将向大家介绍如何编程实现在运行时动态的增加和删除columns列，其实是通过隐藏或者现实columns列来实现的。

　　datagrid 的columns属性是访问datagrid columns的关键所在。访问这个属性返回的是datagridcolumncollection这样的一个集合对象，它包含了所有的datagrigcolumn对象。datagridcolumncollection提供了增加一个datagrigcolumn对象和删除一个已经存在的datagrigcolumn对象的方法。，我们将使用datagridcolumncollection的add方法来增加一个datagrigcolumn对象，从而在运行时动态的增加一列到datagrid中去。一个datagrigcolumn代表datagrid的一列，datagrid的visible属性用来显示或者隐藏一个列。

　　好了，下面让大家跟我一起来创建一个dynamicdatagrid的c#的asp.net的工程，他有隐藏和显示datagrid 的每一列的选项。

　　在我用vs.net创建的web application里面,我在设计页面上拖放了一个panel 控件。在这个panel控件上，我放置了一个datagrid控件，一个dropdownlist控件，两个button控件用于改变datagrid控件的属性。最后的设计界面看起来是下图这样的。

　　现在我们开始创建两个方法：filldatagrid()和fillcolumnslist()方法。filldatagrid()用于增加一个列到datagrid控件和用dataset数据源来填充它。在这里的我是通过db.getdataset()方法来获取dataset的。大家可以参照附加的源代码文件(db.cs)获取更多的细节。

　　下面的代码说明了createdatagrid()的实现。从代码中可以看出，我创建了三个列，用boundcolumn的datafield属性绑定到dataset的id,name和address字段。boundcolumn类继承自datagridcolumn类。

代码拷贝框
private void createdatagrid()<br /> {<br /> // set datagrid properties<br /> datagrid1.autogeneratecolumns = false;</p> <p>// get a dataset object filled with data<br /> dataset ds = db.getdataset();</p> <p>// create id column & add to datagrid<br /> boundcolumn col = new boundcolumn();<br /> col.headertext=”user id”;<br /> col.datafield=”id”;<br /> datagrid1.columns.add(col); </p> <p>// create name column & add to datagrid<br /> col = new boundcolumn();<br /> col.headertext=”user name”;<br /> col.datafield=”name”;<br /> datagrid1.columns.add(col); </p> <p>// create address column & add to datagrid<br /> col = new boundcolumn();<br /> col.headertext=”user address”;<br /> col.datafield=”address”;<br /> datagrid1.columns.add(col); </p> <p>// datagrid data binding<br /> datagrid1.datasource = ds.tables[0];<br /> datagrid1.databind();<br /> } </p> <p>　　//fillcolumnslist()方法只是简单的从datagrid中读取列名，并且将这些列(columns)名填充到dropdownlist控件的下拉列表中去。我们将使用dropdownlist控件来选取隐藏或者显示的列。</p> <p>private void fillcolumnslist(datagrid grid)<br /> {<br /> foreach (datagridcolumn col in grid.columns)<br /> {<br /> columnslist.items.add(col.headertext);<br /> }<br /> }</p> <p>　　//接着我们来添加hidedatagridcolumn()方法来具体的通过index索引和bool值两个参数来显示或者隐藏一个列。在这里，我仅仅是简单的设置columns列的visible属性为true或者false.</p> <p>private void hidedatagridcolumn(int index, bool show)<br /> {<br /> datagrid1.columns[index].visible = show;<br /> }</p> <p>　　//最后的工作就是增加show column和hide column的单击事件处理。正如我们在代码中看到的一样，我只是简单的调用hidedatagridcolumn()方法来显示或者隐藏列，当然要传入参数了。</p> <p>private void hidecolumnbtn_click(object sender, system.eventargs e)<br /> {<br /> hidedatagridcolumn(columnslist.selectedindex, false);<br /> this.databind();<br /> }<br /> private void showcolumnbtn_click(object sender, system.eventargs e)<br /> {<br /> hidedatagridcolumn(columnslist.selectedindex, true);<br /> this.databind();<br /> } </p> <p>　　<br />
[ctrl+a 全部选择 然后拷贝]

　　ok，所有的工作都结束了，我们看看运行的结果如何。你可以通过下拉列表来选择要隐藏或者显示的列，并且只需单击show或者hide按钮即可。