GridView动态添加模板列，并解决数据列PostBack后数据丢失问题！

近日在做GridView动态加载模板列的问题是，发现微软的GridView功能竟然如此捉襟见肘。本来想一个AddColumn（）即可搞定的问题，到现实中却发现，远非想像中的那般美好。。。。。

于是在网上查了相关的示例，发现都只泛泛讲了一下原理，真正可实用的没有发现，所以一狠心，整理了一下这方面的代码，写了一个派生类。在只使用TextBox模板列的情况下还可以满足要求，至少满足我的要求了。各位可以根据需要扩展即可。本人菜鸟一个，不求甚解，只为实现功能，望高人多多指点。

 

    /// <summary>
    /// GridView动态模板列
    /// </summary>
    /// <example>
    ///     TemplateFieldEx te = new TemplateFieldEx(150, "动态添加列", "idddd", "id", false);
    ///     GridView1.Columns.Add(te);
    /// </example>
    public class TemplateFieldEx : TemplateField
    {
        /// <summary>
        /// 此无参构造必须实现，否则出错
        /// </summary>
        public TemplateFieldEx()
            :base()
        {
        }

        /// <summary>
        /// 构造模板列，具体样式请在GridView中直接设置
        /// </summary>
        /// <param name="nWidth">当前列限定宽度</param>
        /// <param name="strColumnText">标题字符串</param>
        /// <param name="strTxtID">插入的编辑框ID，注意勿重复</param>
        /// <param name="strField">当前弄绑定的字段</param>
        /// <param name="bReadOnly">编辑框是否只读</param>
        public TemplateFieldEx(int nWidth, string strColumnText, string strTxtID, string strField, bool bReadOnly):
            base()
        {
            this.ControlStyle.Width = Unit.Pixel(nWidth);
            this.ItemStyle.Width = Unit.Pixel(nWidth);
            this.ShowHeader = true;

            this.HeaderTemplate = new GridViewItemTemplate(strColumnText);
            this.ItemTemplate = new GridViewItemTemplate(strTxtID, strField, bReadOnly);
        }
    }
    /// <summary>
    /// GridView模板项
    /// </summary>
    public class GridViewItemTemplate : ITemplate
    {
        private DataControlRowType m_type;
        private bool m_bReadOnly;
        private string m_strTxtID;
        private string m_strColumnText;
        private string m_strField;

        /// <summary>
        /// 此无参构造必须实现，否则出错
        /// </summary>
        public GridViewItemTemplate() : base()
        {
        }

        /// <summary>
        /// 构造表头列对象
        /// </summary>
        /// <param name="strColumnText">表头字符串</param>
        public GridViewItemTemplate(string strColumnText)
        {
            m_type = DataControlRowType.Header;
            m_strColumnText = strColumnText;
        }

        /// <summary>
        /// 构造元素行对象
        /// </summary>
        /// <param name="strTxtID">当前TextBox控件ID</param>
        /// <param name="strField">当前TextBox控件绑定的字段</param>
        /// <param name="bReadOnly">TextBox是否只读</param>
        public GridViewItemTemplate(string strTxtID, string strField, bool bReadOnly)
        {
            m_type = DataControlRowType.DataRow;
            m_strTxtID = strTxtID;
            m_strField = strField;
            m_bReadOnly = bReadOnly;
        }
        
        public void InstantiateIn(System.Web.UI.Control container)
        {
            switch (m_type)
            {
                case DataControlRowType.Header:
                    Literal l = new Literal();
                    l.Text = m_strColumnText;
                    container.Controls.Add(l);
                    break;

                case DataControlRowType.DataRow:
                    TextBox tb = new TextBox();

                     tb.ID = m_strTxtID;

                    tb.Width = Unit.Percentage(100);
                    tb.BorderStyle = BorderStyle.None;
                    tb.DataBinding += new EventHandler(TextBox_DataBinding);
                    tb.ReadOnly = m_bReadOnly;
                    container.Controls.Add(tb);
                    break;

                default:
                    break;
            }

        }

        private void TextBox_DataBinding(object sender, EventArgs e)
        {
            TextBox tb = sender as TextBox;
            GridViewRow gvr = tb.NamingContainer as GridViewRow;
            tb.Text = DataBinder.Eval(gvr.DataItem, m_strField).ToString();
        }
    }

示例代码如下：

 

 

    protected void Page_Load(object sender, EventArgs e)
    {
        // 注意此处不可放在if(!IsPostBack)中，否则任何一个PostBack命令将会导致此模板列数据丢失，不知何故？？
        PerformDataBind();
    }

    private void PerformDataBind()
    {
        // 注意：此处需要删除列，否则重新添加会导致模板列数量增加
        GridView1.Columns.Clear();
        TemplateFieldEx te = new TemplateFieldEx(150, "动态添加列", "t1", "id", false);
        GridView1.Columns.Add(te);
        te = new TemplateFieldEx(150, "text", "t2", "text", true);
        GridView1.Columns.Add(te);

        GridView1.DataSource = CreateDataSource();
        GridView1.DataBind();
    }

    /// <summary>
    /// 构造数据源
    /// </summary>
    /// <returns></returns>
    DataTable  CreateDataSource()
    {
        DataTable dt = new DataTable();
        DataRow dr;
        dt.Columns.Add(new DataColumn("id", typeof(Int32)));
        dt.Columns.Add(new DataColumn("text", typeof(string)));

        for (int i = 0; i < 16; i++)
        {
            dr = dt.NewRow();
            dr[0] = i;
            dr[1] = "列表项目 " + i.ToString();
            dt.Rows.Add(dr);
        }

        return dt;
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        // 读取TextBox控件内容

        TextBox t = GridView1.Rows[0].Cells[0].FindControl("t1") as TextBox;
        // 如果需要，重新绑定之
        PerformDataBinde();
    }

界面代码如下：

 

    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
            <HeaderStyle BackColor="#C0C0FF" />
        </asp:GridView>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /></div>
    </form>

转载于:https://www.cnblogs.com/wangshijie/archive/2009/05/09/1453368.html