ASP.NET往動態表格內添加控制項

來源:互聯網
上載者:User

折磨了很久,還是晚上的思維比較活躍。終於搞定了。

在ASP.NET中動態建立一個控制項總是不那麼順利,特別是當對頁面的Life Cycle不是那麼瞭然的情況下!這裡簡單描述一下要求,然後提供一個解決方案.

要求:頁面上有一個Add按鈕,每點擊一次該按鈕,頁面上動態建立一行,裡面放幾個文字框!

     點擊DEL按鈕,刪除一行。
  提醒:建立行只能在OnInit或之前才能建立,否則報異常!
  
  大家都知道,按鈕的點擊事件是在RaisePostbackEvent時觸發的,這意味著點擊事件在OnLoad階段之後才執行,遠遠落後於OnInit階段,而且ViewState在OnLoad時才準備好,OnInit以及之前的階段根本就不能使用ViewState!如果試圖在按鈕點擊事件裡面建立WebPartZone等控制項,唯一的後果就是頁面出錯;而如果在OnInit裡面建立控制項,由於ViewState沒有準備好,那麼有些資料比如當前需要建立的個數(存在ViewState裡面)就無法獲得!
  
  目前對這個問題我還沒有找到什麼好的解決方案,經過實驗,勉強得出一個不怎麼優雅的方案,就是利用HiddenField儲存資料,然後直接使用Request.Form["XXX"]在OnInit階段取得資料;而判斷是否點擊按鈕也是通過Request.Form是否存在對應資料來判斷的!廢話不多說了,大家看看代碼吧!

前台部分代碼:

<asp:ScriptManager ID="ScriptManager1" runat="server">
 </asp:ScriptManager>

 <asp:Table ID="TableMenber" runat="server" Width="100%">
        </asp:Table>
        <asp:HiddenField ID="hfCount" runat="server" Value="0" />

       
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: left">
                        <asp:Button ID="BtnAdd" runat="server" onclick="btnAdd_Click" Text="添加一行" />
                        <asp:Button ID="BtnDel" runat="server" onclick="BtnDel_Click" Text="刪除" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: left">
                        共申請使用者<asp:Label ID="LblCount" runat="server" Text=""></asp:Label>
                        &nbsp;個</td>
                </tr>
                <tr>
                    <td>
                        &nbsp;</td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr style="text-align: left">
                    <td>
                        部門資訊員簽字:</td>
                    <td style="text-align: right">
                        聯絡電話:<asp:Label ID="LblPhone" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;</td>
                    <td style="text-align: right">
                        E-Mail:<asp:Label ID="LblMail" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left; vertical-align: top;" class="style4" colspan="2">
                        部門蓋章:</td>
                </tr>
                <tr>
                    <td colspan="2">
                        <asp:Button ID="BtnGet" runat="server" onclick="BtnGet_Click" Text="提交" />
                    </td>
                </tr>

後台實現代碼:

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class Server_AddEmail : System.Web.UI.Page
{
    private int _count = 1;

    protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);

        // 取得以前已建立控制項的個數
        if (!String.IsNullOrEmpty(this.Request["hfCount"]))
        {
            _count = Convert.ToInt32(this.Request["hfCount"]);
        }

        // 假如按下“Add”按鈕,那麼count加一
        string target = this.Request["btnAdd"];
        string target1 = this.Request["btnDel"];
        if (target == "添加一行")
        {
            _count++;
        }
        if (target1 == "刪除")
        {
            _count--;
        }

        // 動態建立控制項
        for (int i = 1; i <= _count; i++)
        {
            TableRow tr = new TableRow();
            for (int j = 1; j <= 5; j++)
            {
                TableCell td = new TableCell();
                TextBox newTextbox = new TextBox();
                if (j == 1)
                {
                    newTextbox.Text = i.ToString();
                }
                //else
                //{
 
                //}
                newTextbox.ID = "txt_" + i.ToString() + "_" + j.ToString();
                td.Controls.Add(newTextbox);
                tr.Controls.Add(td);
            }
            this.TableMenber.Controls.Add(tr);

        }
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        hfCount.Value =LblCount.Text= _count.ToString();
      
    }
  
    protected void BtnDel_Click(object sender, EventArgs e)
    {
        // 不能在此添加WebPartZone控制項,只能在OnInit或之前,否則報異常
    }
    protected void btnAdd_Click(object sender, EventArgs e)
    {
        // 不能在此添加WebPartZone控制項,只能在OnInit或之前,否則報異常
    }
    protected void BtnGet_Click(object sender, EventArgs e)
    {
        for (int i = 1; i <= _count; i++)
        {
            for (int j = 1; j <= 5; j++)
            {
                Response.Write(((TextBox)this.TableMenber.FindControl("txt_" + i.ToString() + "_" + j.ToString())).Text);
                Response.Write(",");
            }
            Response.Write("<br>");
        }
          
    }
    protected void Btn_Click(object sender, EventArgs e)
    {
        PanelSetp2.Visible = true;
        PanelSetp1.Visible = false;
    }
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.