关于DataGrid Web控件的热门问题__连载之四
2024-07-21 02:22:58
供稿:网友
动态显示和隐藏列&动态增加列
——动态显示隐藏列
动态显示列的一种方式就是在设计时创建它们,然后在需要时隐藏或显示它们,可以通过设定列的visible属性来实现。下面的例子说明了如何控制datagrid的第二列(索引为一的列)的可见性。
datagrid1.column[1].visible=!(datagrid1.column[1].visible);
——动态增加列(这里列都是由数据库读出的列)
如果你事先知道需要哪些列,你可以隐藏或显示它们,但是,有时你不到运行时是不知道需要哪些列的,在这种情况下,你可以动态创建列,并将其加入datagrid中。
实现的方法是创建一个datagrid支持的列类型的一个实例——绑定列、按钮列、或者超链接列(还可以添加模板列,但是稍微复杂些)。
下例说明如何绑定两个列到 datagrid中:
private void button1_click(object sender, system.eventargs e)
{
datagrid1.autogeneratecolumns = false;
datagrid1.datasource = this.dsbooks1;
datagrid1.datamember = "books";
datagrid1.datakeyfield = "bookid";
// add two columns
boundcolumn dgc_id = new boundcolumn();
dgc_id.datafield = "bookid";
dgc_id.headertext = "id";
dgc_id.itemstyle.width = new unit(80);
datagrid1.columns.add(dgc_id);
boundcolumn dgc_title= new boundcolumn();
dgc_title.datafield = "title";
dgc_title.headertext = "title";
datagrid1.columns.add(dgc_title);
this.sqldataadapter1.fill(this.dsbooks1);
datagrid1.databind();
}
任何时候向列中动态增加控件,都会遇到如何保持的问题。动态增加的列并非自动地添加到page的视图态,因此,你需要添加page的逻辑,使得在每次提交—回传的过程中,列是可见的。
实现上述问题的一个优秀的方法就是重载page的loadviewstate方法,它为我们提供了重新确定datagrid控件中列的较早机会,因为该方法的调用是在page_load事件触发之前。在loadviewstate中重新添加列保证了它们在任何事件代码执行前,对正常的操作是可用的。
下例展示了如何扩展上例使得每次page执行时都将列重新保存。和上例一样,button1_click事件向datagrid中添加了两列(该例中,事件句柄调用了一个独立的方法——addcolumns()来实现),而且,page还包含了一个简单的布尔属性,称为dynamiccolumnsadded来指示datagrid中是否有列动态增加。该属性在视图态下保存它的值。loadviewstate方法首先调用它的基类的loadviewstate方法,它摘录视图态信息并配置控件。如果列事先被添加到datagrid中,该方法就再次添加它们。
private bool dynamiccolumnadded{
get
{
object b = viewstate["dynamiccolumnadded"];
return (b == null) ? false : true;
}
set
{
viewstate["dynamiccolumnadded"] = value;
}
}
protected override void loadviewstate(object savedstate)
{
base.loadviewstate(savedstate);
if (dynamiccolumnadded)
{
this.addcolumns();
}
}
private void button1_click(object sender, system.eventargs e)
{
if(this.dynamiccolumnadded != true)
{
this.addcolumns();
}
}
private void addcolumns()
{
boundcolumn dgc_id = new boundcolumn();
dgc_id.datafield = "bookid";
dgc_id.headertext = "id";
dgc_id.itemstyle.width = new unit(80);
datagrid1.columns.add(dgc_id);
boundcolumn dgc_title= new boundcolumn();
dgc_title.datafield = "title";
dgc_title.headertext = "title";
datagrid1.columns.add(dgc_title);
this.sqldataadapter1.fill(this.dsbooks1);
datagrid1.databind();
this.dynamiccolumnadded = true;
}
(unfinished 所有代码已经经过测试,只要获得一个你自己的dataset即可)