动态创建DataGrid的模版列

原创 2003年12月28日 12:23:00

有的时候我们需要邦定很复杂的DataGrid,我们知道DataGrid,DataList等控件都有Template列,我们可以通过动态的邦定模版列来实现,复杂逻辑的邦定。由于Page继承TemplateControl,所以在Page对象里面就可以使用TemplateControl类里面的方法LoadTemplate,我们可以利用这个方法加载指定路径用户控件来实现丰富的表示(顺便提一下还有一个LoadControl的方法和LoadTemplate有相同的参数类型,也就是说我们可以利用LoadControl方法动态的加载用户控件,可以实现自定义的用户界面,将页面元素分成一些小的用户控件可以根据用户的定义来加载),我们还可以实现Itemplate接口实现摸版列的动态邦定。

1、使用LoadTemplate实现:

       下面我们看一个例子,我们建立一个ASP.NET的Web应用程序,在添加一个ascx的用户控件叫webusercontrol1.ascx如下所示,该用户控件里面只有一个Label控件用来邦定一个Lastname字段:

<%@ Control Language="C#" %>

<asp:label ID="label1" Runat="server" text='<%# Databinder.Eval(((DataGridItem)Container).DataItem,"lastname")%>'></asp:label>

      接下来我们将要创建一个DataGrid控件DataGrid1,我们将在Page_Load事件里面添加如下的代码:

string connstr = @"Integrated Security=SSPI;User ID=sa;Initial Catalog=Northwind;Data Source=MyServer/NetSDK";

SqlConnection cnn=new SqlConnection(connstr);

SqlDataAdapter da=new SqlDataAdapter("select * from employees", cnn);

DataSet ds=new DataSet();

da.Fill(ds, "employees");

ITemplate temp= Page.LoadTemplate("webusercontrol1.ascx");

TemplateColumn tc=new TemplateColumn();

tc.HeaderText = "Last Name";

tc.ItemTemplate = temp;

DataGrid1.Columns.Add(tc);

DataGrid1.DataSource = ds;

DataGrid1.DataMember = "employees";

DataGrid1.DataBind();

先面我们分析一下上面的代码,我们使用一个SQL Server里面自带的示例数据库Northwind。我们将得到所有的员工信息,然后填充数据集,然后我们声明一个Itemplate类型的对象temp用来装载邦定的用户控件。我们在声明一个TemplateColumn来动态创建一个模版列,接下来我们给该模版列添加信息,其中包括HeaderText等等,由于我们将要邦定的事ItemTemplate所以我们将刚才装载的temp赋值给该模版列的ItemTemplate对象,最后我们就将新的摸版列添加到DataGrid里面并邦定数据。

注意到上面过程,我们的用户控件里面有一个数据邦定的Label这个很重要,只有这样我们才能实现数据邦定的功能,否则就是显示一个有着相同信息的列。

2、使用Itemplate实现:

上面我们使用LoadTemplate实现动态摸版列的邦定,接下来我们将使用Itemplate接口来实现。Itemplate接口有一个方法InstantiateIn(Control container)。这个方法必须指定摸版列的父亲控件。下面的代码将会实现Itemplate接口,我们使用下面的代码创建一个新的类:

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

 

namespace DynamicDataGridTemplates{

public class CTemplateColumn:ITemplate{

       private string colname;

       public CTemplateColumn(string cname){

              colname=cname;

       }

       //为了使用接口必须实现的方法

       public void InstantiateIn(Control container)       {

              LiteralControl l = new LiteralControl();

              l.DataBinding += new EventHandler(this.OnDataBinding);

              container.Controls.Add(l);

       }

       public void OnDataBinding(object sender, EventArgs e){

              LiteralControl l = (LiteralControl) sender;

              DataGridItem container = (DataGridItem) l.NamingContainer;

              l.Text = ((DataRowView)       container.DataItem)[colname].ToString();

       }

}

}

在构造函数里面我们为邦定列指定了列名。我们使用InstantiateIn创建了一个LiteralControl控件l,同时我们为这个控件添加事件邦定事件,这样我们可以在邦定DataGrid的时候可以处理邦定这个控件,同时为了实现事件邦定事件,我们还编写了事件处理函数OnDataBinding,在这里我们将用指定的列邦定数据。

接下来我们将我们的自定义的摸版列动态的添加到DataGrid里面,如下的代码是Page_Load里面的:

DataGrid datagrid1=new DataGrid();

TemplateColumn tc1=new TemplateColumn();

tc1.ItemTemplate=new CTemplateColumn("lastname");

tc1.HeaderText="Last Name";

datagrid1.Columns.Add(tc1);

Page.Controls[1].Controls.Add(datagrid1);

string connstr = @"Integrated Security=SSPI;User ID=sa;Initial

Catalog=Northwind;Data Source=MyServer/NetSDK";

SqlConnection cnn=new SqlConnection(connstr);

SqlDataAdapter da=new SqlDataAdapter("select * from employees", cnn)

DataSet ds=new DataSet();

da.Fill(ds, "employees");

datagrid1.DataSource = ds;

datagrid1.DataMember = "employees";

datagrid1.DataBind();

首先我们New一个DataGrid出来,然后声明一个模版列tc1,在设置tc1的ItemTemplate为我们自定一个模版列(不要忘了用列名这个参数),然后指定这个模版列的其他信息,最后利用DataSet邦定数据(不要忘了将控件添加到它的父控件里面,比如:datagrid1.Columns.Add(tc1);)。

上面介绍了两种动态邦定模版列的方法,希望可以对初学者有所帮助,其实这里的方法是很简单的,我想这里最关键的问题是如何理解面向对象,希望通过这篇文章的描述初学者可以对面向对象有更好的理解,我们这里使用了接口的继承以及父类子类之间的关系,通过使用接口的继承我们可以制作一个模版列的工厂可以使用同一种模式产生不同的模版列,因为我们使用的是接口(详细信息请见《设计模式》)。

 

 

本文参考http://www.dotnetbips.com网站

WPF-DataGrid后台动态生成列

DataGrid后台动态生成列 Now that you know the basics of the Silverlight DataGrid and how to specify...
  • yqj234
  • yqj234
  • 2016年03月14日 15:49
  • 4931

Easyui DataGrid动态生成列

 一、DataGrid基本定义 1、HTML Page [html] view plaincopyprint? body>       table id="myList...
  • liuchuan__________
  • liuchuan__________
  • 2015年09月17日 17:14
  • 8960

easyui之datagrid:动态生成列(动态报表)

我们都知道,使用easyui可以很容易的生成datagrid,代码如下: _queryGrid = $("#datagrid_queryReport").datagrid({ url:urljso...
  • liuxiao723846
  • liuxiao723846
  • 2015年05月07日 11:56
  • 2167

动态创建模板列并绑定数据(GridView,Repeater,DataGrid)

动态创建模板列并绑定数据(GridView,Repeater,DataGrid) 要创建动态模板,请创建以后需要时可实例化的模板类。 创建模板类 创建实现 System....
  • shang3988
  • shang3988
  • 2013年05月04日 21:37
  • 681

Flex动态创建DataGrid设置图片

  • 2015年12月16日 14:08
  • 3KB
  • 下载

vc++实现反射式数据库模版(2.动态创建)

  • 2017年02月22日 16:07
  • 13KB
  • 下载

easyui-datagrid---动态创建表头和加载数据

效果  要实现动态的创建表头,即表头的格式多样,比如列数不确定,表头的总分结构等。下图为表头最终效果: 实现  想要动态的实现创建表头,那么用html的方式去创建easyui-datagrid肯定是...
  • FreeApe
  • FreeApe
  • 2015年11月24日 18:27
  • 4945

FLEX如何动态创建DataGrid组件详解

初学FLEX时,需要在AS里动态生成DataGrid,结果搞了很久才搞明白怎么把用MXML写出来的DataGrid改成用AS写出来,其中最主要的就是自定义itemEditor、itemRender怎么...
  • lulei9876
  • lulei9876
  • 2013年07月11日 20:42
  • 2472

pb 动态创建数据窗口列

  • 2015年03月02日 11:19
  • 10KB
  • 下载

动态创建表及添加新列

  • 2007年07月03日 15:48
  • 48KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态创建DataGrid的模版列
举报原因:
原因补充:

(最多只允许输入30个字)