动态添加table,动态添加控件

前段时间在WEBFORM中要实现产品的动态和产品的模块化功能,其中要在页面中实现产品的动态属性加载,这

就用到了动态添加table(table在这里主要是做布局),动态添加控件,但在实现过程也遇到了些小问题,在此把问题

说说,以及问题的解决方案,和大家一起分享。

 

实现动态添加table,动态添加控件分成两种行为操作:加载页面时创建加载、加载页面后创建加载

 

一。加载页面时创建加载

     什么意思呢?就是在Page_Load时就开始加载动态的控件或table,下面看看代码吧!~

 

          protected void Page_Load(object sender, EventArgs e)
          {

                     if (!IsPostBack)
                    {

 

                     }

            }

          //动态创建table,以及控件

         private void DynamicTableRow()

         {

           .........................

           //创建你要动态创建的控件或table

         }

对于这种行为操作是相对简单的了,不会出现视图加载失败的问题。

 

二。加载页面后创建加载

     举例说明吧,如我在页面上添加了一个DropDownList的控件,带入如下:

         <asp:DropDownList ID="DropDownList1" runat="server">
        <asp:ListItem>1</asp:ListItem>
        <asp:ListItem>5</asp:ListItem>
        <asp:ListItem>7</asp:ListItem>
        </asp:DropDownList>

      当选择1时要执行添加1个TextBox的控件

      当选择5时要执行添加5个TextBox的控件

      当选择7时要执行添加7个TextBox的控件

      且当点击页面上的“提交”按钮时要获取到这些创建的控件和输入的控件的值

     

      如果使用之前那种方法,你在页面上是可以看到动态加载了控件和table,但你在动态加载生成的TextBox控件中输入值,并

     点击“提交”时,发现找不到控件,且你查看页面的源文件的HTML代码页没有发现动态创建的控件,之所以这样,我上网查

    了相关的资料,好像是视图没有把动态创建的控件加载进去,我采用了一个方法去解决这个问题,就是重写了LoadViewState

     还原视图状态信息,代码如下:

         /// <summary>
    /// 重写LoadViewState,还原视图状态信息
    /// </summary>
    /// <param name="savedState"></param>
    protected override void LoadViewState(object savedState)
    {
        base.LoadViewState(savedState);
        int n = this.table.Rows.Count;
        if (ViewState["controsladded"] == null)
        {
            if (Session["ids"] != null)
            {
                DynamicTableRow(Session["ids"] as List<int>);
            }
        }
    }
      

    /// <summary>
    /// 动态控制页面table,加载一行的数据及控件,一行4列,2个属性,2个值
    /// </summary>
    private void DynamicTableRow(List<int> ids)
    {
        int num = 0;
        int nowidsCount = ids.Count;
        TableRow tr = new TableRow();
        foreach (int id in ids)
        {
            num = num + 1;
            TableHeaderCell celTh = new TableHeaderCell();
            celTh.Width = 130;

            Label thLabel = new Label();
            thLabel.ID = id.ToString() + "+label";
            thLabel.Text = NameTechnique(id);
            celTh.Controls.Add(thLabel);

            TableCell celTd = new TableCell();

            TextBox txtBox = new TextBox();
            txtBox.TextMode = TextBoxMode.MultiLine;
            txtBox.Width = 300;
            txtBox.ID = id.ToString();
            celTd.Controls.Add(txtBox);

            tr.Cells.Add(celTh);
            tr.Cells.Add(celTd);
            //控制一行显示的数据

            if (num == 2)
            {
                this.table.Rows.Add(tr);
                nowidsCount = nowidsCount - 2;
            }
            else
            {
                if (num == nowidsCount)
                {
                    if (num < 2)
                    {
                        for (int i = 1; i <= (2 - num); i++)
                        {
                            //补空列,一行必须满足有4列
                            TableHeaderCell celThNone = new TableHeaderCell();
                            celThNone.Width = 130;
                            TableCell celTd1None = new TableCell();

                            tr.Cells.Add(celThNone);
                            tr.Cells.Add(celTd1None);
                        }
                    }
                    this.table.Rows.Add(tr);
                }
            }
            if (num == 2)
            {
                tr = new TableRow();
                num = 0;
            }
        }
        ViewState["controlsadded"] = true;
    }

    以上是个人的简单总结,对这个页面的视图也没有什么研究,有个研究的朋友希望一起分享,感兴起的朋友可以一起讨论学习!~

你可能感兴趣的:(table)