asp.Net中Gridview动态创建模板列 .

最新推荐文章于 2015-04-27 10:12:53 发布
最新推荐文章于 2015-04-27 10:12:53 发布
阅读量1k 收藏 1
点赞数
分类专栏： asp.net
 Web中有时候数据源字段不确定，需要在绑定后添加新的字段，有没有方法了？方法是有的：之前也在网上搜索过，找到了一些方法，通过模板列可以实现。这里借鉴一下，自己亲自试验了一下，达到了想要的效果。

Gridview动态添加模板列，下面就添加一空白列作为示例。

前台代码：

[csharp] view plain copy print ?
  1. <SPAN style="FONT-SIZE: 16px"><%@ Page Language="C#" EnableEventValidation="false" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs"  
  2.     Inherits="WebApplication1.WebForm3" %>  
  3.   
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  5. <html xmlns="http://www.w3.org/1999/xhtml">  
  6. <head runat="server">  
  7.     <title>无标题页</title>  
  8. </head>  
  9. <body>  
  10.     <form id="form1" runat="server">  
  11.     <div>  
  12.     </div>  
  13.     <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">  
  14.         <Columns>  
  15.             <asp:BoundField DataField="SID" HeaderText="学生ID" ReadOnly="True" />  
  16.             <asp:BoundField DataField="SName" HeaderText="姓名" />  
  17.             <asp:BoundField DataField="SAge" HeaderText="年龄" />  
  18.             <asp:BoundField DataField="SSex" HeaderText="性别" />  
  19.             <asp:BoundField DataField="SCollege" HeaderText="所属学院" />  
  20.             <asp:CommandField HeaderText="选择" ShowSelectButton="True" />  
  21.         </Columns>  
  22.     </asp:GridView>  
  23.     <br />  
  24.     <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />  
  25.     </form>  
  26. </body>  
  27. </html></SPAN><SPAN style="FONT-SIZE: 24px">  
  28. </SPAN>  
<%@ Page Language="C#" EnableEventValidation="false" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs"
    Inherits="WebApplication1.WebForm3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    </div>
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
        <Columns>
            <asp:BoundField DataField="SID" HeaderText="学生ID" ReadOnly="True" />
            <asp:BoundField DataField="SName" HeaderText="姓名" />
            <asp:BoundField DataField="SAge" HeaderText="年龄" />
            <asp:BoundField DataField="SSex" HeaderText="性别" />
            <asp:BoundField DataField="SCollege" HeaderText="所属学院" />
            <asp:CommandField HeaderText="选择" ShowSelectButton="True" />
        </Columns>
    </asp:GridView>
    <br />
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    </form>
</body>
</html>
后台绑定数据库数据代码如下：

[csharp] view plain copy print ?
  1. public static string ConnectionString = @"Data Source=.;Initial Catalog=StudentMSG;Persist  Security Info=True;User ID=sa;Password=sa";  
  2.        protected void Page_Load(object sender, EventArgs e)  
  3.        {  
  4.            if (!IsPostBack)  
  5.            {  
  6.                BindData();  
  7.            }  
  8.        }  
  9.        private void BindData()  
  10.        {  
  11.            // make the query    
  12.            string query = "SELECT * FROM Stable";  
  13.            SqlConnection myConnection = new SqlConnection(ConnectionString);  
  14.            SqlDataAdapter ad = new SqlDataAdapter(query, myConnection);  
  15.            DataSet ds = new DataSet();  
  16.            ad.Fill(ds, "Stable");  
  17.            GridView1.DataSource = ds;  
  18.            GridView1.DataKeyNames = new string[] { "SID" };//主键   
  19.            GridView1.DataBind();  
  20.        }  
 public static string ConnectionString = @"Data Source=.;Initial Catalog=StudentMSG;Persist  Security Info=True;User ID=sa;Password=sa";
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                BindData();
            }
        }
        private void BindData()
        {
            // make the query 
            string query = "SELECT * FROM Stable";
            SqlConnection myConnection = new SqlConnection(ConnectionString);
            SqlDataAdapter ad = new SqlDataAdapter(query, myConnection);
            DataSet ds = new DataSet();
            ad.Fill(ds, "Stable");
            GridView1.DataSource = ds;
            GridView1.DataKeyNames = new string[] { "SID" };//主键
            GridView1.DataBind();
        }

显示的界面如下：

dd

那么，怎添加一列呢？？动态添加列，关键是实现 ITemplate.InstantiateIn 方法。下面就自定义一个GridViewTemplate

[csharp] view plain copy print ?
  1. public class GridViewTemplate : ITemplate  
  2.         {  
  3.             public delegate void EventHandler(object sender, EventArgs e);  
  4.             public event EventHandler eh;  
  5.             private DataControlRowType templateType;  
  6.             private string columnName;  
  7.             private string controlID;  
  8.             public GridViewTemplate(DataControlRowType type, string colname)  
  9.             {  
  10.                 templateType = type;  
  11.                 columnName = colname;  
  12.             }  
  13.             public GridViewTemplate(DataControlRowType type, string controlID, string colname)  
  14.             {  
  15.                 templateType = type;  
  16.                 this.controlID = controlID;  
  17.                 columnName = colname;  
  18.             }  
  19.             public void InstantiateIn(System.Web.UI.Control container)  
  20.             {  
  21.                 switch (templateType)  
  22.                 {  
  23.                     case DataControlRowType.Header:  
  24.                         Literal lc = new Literal();  
  25.                         lc.Text = columnName;  
  26.                         container.Controls.Add(lc);  
  27.                         break;  
  28.                     case DataControlRowType.DataRow://可以定义自己想显示的控件以及绑定事件   
  29.                         break;  
  30.                     default:  
  31.                         break;  
  32.                 }  
  33.             }  
  34.        }  
public class GridViewTemplate : ITemplate
        {
            public delegate void EventHandler(object sender, EventArgs e);
            public event EventHandler eh;
            private DataControlRowType templateType;
            private string columnName;
            private string controlID;
            public GridViewTemplate(DataControlRowType type, string colname)
            {
                templateType = type;
                columnName = colname;
            }
            public GridViewTemplate(DataControlRowType type, string controlID, string colname)
            {
                templateType = type;
                this.controlID = controlID;
                columnName = colname;
            }
            public void InstantiateIn(System.Web.UI.Control container)
            {
                switch (templateType)
                {
                    case DataControlRowType.Header:
                        Literal lc = new Literal();
                        lc.Text = columnName;
                        container.Controls.Add(lc);
                        break;
                    case DataControlRowType.DataRow://可以定义自己想显示的控件以及绑定事件
                        break;
                    default:
                        break;
                }
            }
       }
GridView模板定义好了。现在就可以添加新列，重写OnInit，代码如下：

[csharp] view plain copy print ?
  1. protected override void OnInit(EventArgs e)  
  2.     {  
  3.         TemplateField customField = new TemplateField();  
  4.         customField.ShowHeader = true;  
  5.         customField.HeaderTemplate = new GridViewTemplate(DataControlRowType.Header, "添加行");//添加的列标题   
  6.         GridViewTemplate gvt = new GridViewTemplate(DataControlRowType.DataRow, "");//空白列   
  7.         customField.ItemTemplate = gvt;  
  8.         GridView1.Columns.Add(customField);  
  9.         base.OnInit(e);  
  10.     }  
    protected override void OnInit(EventArgs e)
        {
            TemplateField customField = new TemplateField();
            customField.ShowHeader = true;
            customField.HeaderTemplate = new GridViewTemplate(DataControlRowType.Header, "添加行");//添加的列标题
            GridViewTemplate gvt = new GridViewTemplate(DataControlRowType.DataRow, "");//空白列
            customField.ItemTemplate = gvt;
            GridView1.Columns.Add(customField);
            base.OnInit(e);
        }
到此就可以显示新添加的列了。效果如下:

GG

因为之前遇到这样的问题：Gridview在绑定数据源后，发觉要添加新字段，即添加一列数据，而且要导出到Excel。按照一般的添加之后，导出Excel后发觉新添加的那列数据似乎并没有导出到Excel。如果用模板列的话，就可以解决上述的问题。

导出Excel代码如下：

[csharp] view plain copy print ?
  1. protected void Button1_Click(object sender, EventArgs e)  
  2.     {  
  3.         if (GridView1 != null)  
  4.         {  
  5.             Response.Clear();  
  6.             Response.Buffer = true;  
  7.             Response.Charset = "GB2312";  
  8.             Response.AppendHeader("Content-Disposition", "attachment;filename=" + HttpUtility.UrlEncode("订卷统计") + ".xls");  
  9.             // 如果设置为 GetEncoding("GB2312");导出的文件将会出现乱码！！！   
  10.             Response.ContentEncoding = System.Text.Encoding.UTF7;  
  11.             Response.ContentType = "application/ms-excel";//设置输出文件类型为excel文件。    
  12.             System.IO.StringWriter oStringWriter = new System.IO.StringWriter();  
  13.             System.Web.UI.HtmlTextWriter oHtmlTextWriter = new System.Web.UI.HtmlTextWriter(oStringWriter);  
  14.             this.GridView1.RenderControl(oHtmlTextWriter);  
  15.             Response.Output.Write(oStringWriter.ToString());  
  16.             Response.Flush();  
  17.             Response.End();  
  18.         }  
  19.         else  
  20.         {  
  21.             this.Response.Write("<script language=javascript>alert('没有符合条件的记录！')</script>");  
  22.         }  
  23.     }  
  24.     public override void VerifyRenderingInServerForm(Control control)  
  25.     {  
  26.         // Confirms that an HtmlForm control is rendered for   
  27.     }  
    protected void Button1_Click(object sender, EventArgs e)
        {
            if (GridView1 != null)
            {
                Response.Clear();
                Response.Buffer = true;
                Response.Charset = "GB2312";
                Response.AppendHeader("Content-Disposition", "attachment;filename=" + HttpUtility.UrlEncode("订卷统计") + ".xls");
                // 如果设置为 GetEncoding("GB2312");导出的文件将会出现乱码！！！
                Response.ContentEncoding = System.Text.Encoding.UTF7;
                Response.ContentType = "application/ms-excel";//设置输出文件类型为excel文件。 
                System.IO.StringWriter oStringWriter = new System.IO.StringWriter();
                System.Web.UI.HtmlTextWriter oHtmlTextWriter = new System.Web.UI.HtmlTextWriter(oStringWriter);
                this.GridView1.RenderControl(oHtmlTextWriter);
                Response.Output.Write(oStringWriter.ToString());
                Response.Flush();
                Response.End();
            }
            else
            {
                this.Response.Write("<script language=javascript>alert('没有符合条件的记录！')</script>");
            }
        }
        public override void VerifyRenderingInServerForm(Control control)
        {
            // Confirms that an HtmlForm control is rendered for
        }

如上述添加空白列后导出Excel截图如下：

tt


叙述完毕,本文参考文章：GridView动态添加模板列，里面有对事件处理。值得参考

LzShmily
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET的GridView控件自定义模板设计实例
03-07
ASP.NET的GridView控件自定义模板设计实例
GridView中动态添加模板列和其子控件集合
weixin_30908103的博客
11-07 207
一、实施说明： 1 实施原因： 因为在做一个MOSS WebPart控件时候，遇到一个问题，如何选择需要导出的数据列； GridView的数据源是动态的，所以没有办法静态使用模板列，来选择导出的列； 之所以没有用BoundField的原因，是因为一列数据列中不能放入两个或两个以上的控件， 以及不能在表头加入相关控件。所以，最后，我采用动态添加模板列的方法解决这个问题， 欢迎大家测试和改...
ASP .Net GridView CSS 模板样式
08-30
一个漂亮的GridView CSS 模板样式。 测试过，可用。
asp.net GridView模板列中实现选择行功能
01-20
大部分的功能采用通过模板列实现，为了方便选择和删除使用了它自带的功能和方法，很容易就能实现，没发现有什么大问题；但是在部署到服务器中，发现选择显示的不是文字，而是“select”，也没查出是什么原因，后面不得不改为通过模板列实现。 　　在改为模板列实现时，发现gv_sjy_RowCommand事件里不能通过e.CommandArgument获取行的索引值，只能另想途径了，发现有两种方法可以做到： 　　第一种： 代码如下: 　　<asp:LinkButton ID=”btnSelect” runat=”server” CausesValidation=”False” CommandName=”
GridView动态添加列的方法及代码
05-08
GridView动态添加列的方法及代码, 生成动态列，，模板列没全部完成
ASP.NET GridView 动态添加模板列示例
05-05
本示例将详细介绍如何在ASP.NET中使用C#编程语言实现GridView的动态模板列添加。 首先，我们需要理解GridView的基本结构。GridView由一系列列（Columns）组成，每列可以是BoundField（绑定字段）、TemplateField...
C#中GridView动态添加列的实现方法
09-03
下面我们将详细介绍如何在C#中实现GridView动态添加列。 首先，我们来看一个简单的例子。在Page_Load事件处理程序中，我们创建了一个新的TemplateField实例，这是GridView中用于创建自定义列类型的一种方式。`...
GridView动态添加模板列
06-30
在 ASP.NET 中，GridView控件是最常用的数据展示控件之一，然而，在实际开发中，我们经常需要根据不同的业务需求动态添加模板列，以满足不同的数据展示需求。那么，如何动态添加模板列，并对其中的控件添加事件和...
基于ASP.net的申请单管理系统源码.zip
最新发布
08-28
该申请单管理系统可能利用ASP.NET的特性如控件（如GridView用于显示数据）、数据绑定（用于动态显示数据库信息）和身份验证/授权服务（控制用户访问权限）。C#代码可能包括处理申请创建、查询、更新和删除的操作，...
.NET中使用GridView显示数据（C#）
热门推荐
dengxingbo的专栏
09-14 1万+
一、首先浏览一下msdn中的关于GridView的简单介绍： The <a id="ctl00_MTContentSelector1_mainContentContainer_ctl139_ctl00_ctl00" onclick="function onclick(){function onclick(){function onclick(){function o
GridView中动态生成ItemTemplate模板列
年轻没有失败，自信创造精彩
01-11 4574
<br />我们知道DataGrid，DataList等控件都有Template列，我们可以通过动态的邦定模版列来实现，复杂逻辑的邦定。由于Page继承TemplateControl，所以在Page对象里面就可以使用TemplateControl类里面的方法LoadTemplate，我们可以利用这个方法加载指定路径用户控件来实现丰富的表示（顺便提一下还有一个LoadControl的方法和LoadTemplate有相同的参数类型，也就是说我们可以利用LoadControl方法动态的加载用户控件，可以实现自定义
ASP.NET 2.0 中动态添加 GridView 模板列的...
zgh2002007的专栏
11-30 834
 <!--.tlogodown2{background-color:#F2F2F2;padding: 0px;width:990px;height:3px; margin:0px;}.tlogodown2 a:link,.tlogodown a:visited {text-decoration: none;color:#5C5C5C;}.tlogodown2 a:active,.t
Asp.net_简单代码设置GridView自适应列宽不变形
宫廷渔夫
01-16 1万+
动态绑定的GridView由于列数不固定，而列又太多（博主做的这个项目有150个左右的字段），这样设置GridView固定宽度就不能满足需求了。为此整理了两种方法来达到GridView自适应列宽不变形的效果。 .aspx.cs //在GridView的行数据绑定完的事件中设置 protected void gvObjectList_RowDataBound(obje
动态设定GridView的高度，固定column，实现高度自适应
威威的专栏
04-27 1万+
动态设定GridView的高度，固定column，根据gridview中的item个数设定高度： 调用以下方法： public static void setListViewHeightBasedOnChildren(GridView listView) { // 获取listview的adapter ListAdapter listAdapter = li
asp.net中gridview的checkbox使用总结
05-24
在ASP.NET中使用GridView控件的Checkbox列可以让用户方便地选择多个行，以进行批量操作。以下是使用GridView控件的Checkbox列的一些总结： 1. 添加Checkbox列 在GridView控件的模板列中添加Checkbox列，可以使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值