asp.net 中伺服器端控制項動態添加和刪除

 PlaceHolder :控制項容器,本身不顯示,主要用來放伺服器控制項的,只顯示其子項目(他裡面的控制項)

伺服器控制項動態添加和刪除

 <一>PlaceHolder  中動態添加伺服器端控制項

添加控制項的一般方法:

聲明一個新控制項 如 label lb =new label()

設定控制項屬性   如:lb.text="text"

添加控制項到 PlaceHolder 中 如: PlaceHolder1.controls.add(lb)

可以用 ViewState[AddedControl]=null 判斷是不是第一次執行

動態添加控制項,如果需要資料繫結,要先添加控制項,然後再資料繫結,提交後(postback) 就不需要重新綁定了

new 一下就可以了,如:

        if ((ViewState[AddedControl] != null) & ((bool)ViewState[AddedControl]))//第二次就不要資料繫結了
        {
            ph1.Controls.Clear();//清除ph1中的控制項
            DropDownList dpl = new DropDownList();
            dpl.ID = "controlid";
            dpl.AutoPostBack = true;
            ph1.Controls.Add(dpl);
        }
        else
        {
           ph1.Controls.Clear();
            DropDownList dpl = new DropDownList();
            dpl.ID = "controlid";
            dpl.AutoPostBack = true;
            ph1.Controls.Add(dpl);
            //連結資料庫,設定資料來源等 略
            dpl.DataBind();
            ViewState[AddedControl] = true;
        }

<二>panel中動態添加伺服器端控制項
在一個panel 中添加datagrid 並且綁定資料

Panel panel1 = new Panel();
        panel1.Style["top"] = "200px";//設定屬性
        this.Controls.Add(panel1);
        DataGrid dg1 = new DataGrid();//定義datagrid
        BoundColumn s1 = new BoundColumn();//定義一列
        s1.DataField = "first";//繫結資料行的資料來源
        s1.HeaderText = "mzi";//此欄位標題等屬性設定
        dg1.Columns.Add(s1);//加入此列

        dg1.BackColor = "#00000";
        dg1.CellPadding=3;
        //設定 dg1的屬性等
        panel1.Controls.Add(dg1);
        //下面資料繫結

<三> 給動態添加的控制項添加事件:
如:給button 添加事件
//添加按鈕1
        Button bt1 = new Button();
        bt1.CommandArgument = "bt1";//設定命令參數
        bt1.Text = "daji";
        bt1.Command += new CommandEventHandler(this.onbutton);//預定事件
        ph1.Controls.Add(bt1);
//添加按鈕2,又一種方法
        Control cs = ParseControl("<asp:Button ID='Button2' runat='server' Text=Button' commandname='btn' CommandArgument = 'bt2'/>");//把字串轉化為控制項
        ph1.Controls.Add(cs);
        Button bt2 = (Button)Page.FindControl("button2");
        bt2.Command += new CommandEventHandler(this.onbutton);//給bt2添加事件

    }
    public void onbutton(object sender, CommandEventArgs e)
    {
        lab1.text = "label1";
    }
這樣二個按鈕都對應一個函數,執行同一個事件

如果想讓他們執行不同事件,

可以這樣寫:
  public void onbutton(object sender, CommandEventArgs e)
    {
        switch (e.CommandArgument.ToString().ToLower()) 擷取命令參數,根據參數的不同,執行不同命令
        {
        case "bt1";
lab1.text = "label1";
                break;
                case "bt2";
                lab1.text = "label2";
        break;
        }
    }

<四>:在table中添加行和伺服器端控制項

在table中添加一行二列  table要轉化伺服器端控制項
代碼如下:

                HtmlTableRow tr1 = new HtmlTableRow();//定義行
                HtmlTableCell td1 = new HtmlTableCell();//定義列
                Label lb1 = new Label();// 定義 lb1 為Label控制項
                lb1.Text = txt[m];//lb1
                td1.Controls.Add(lb1);//列中添加lbl
                HtmlTableCell td2 = new HtmlTableCell();//定義列
                TextBox txt1 = new TextBox();//textbox
                txt1.Text = namevalue[m];//text
                txt1.ID = "t" + m;//id
                td2.Controls.Add(txt1);列中添加txt1
                tr1.Cells.Add(td1);//行中添加列td1
                tr1.Cells.Add(td2);//行中添加列td1
                TABLE1.Rows.Add(tr1);//表中添加行
           
取得textbox中資料方法:

((TextBox)(TABLE1.Rows[m].FindControl("t" + m))).Text  第m行 id 為"t"+m的控制項的值

添加html 控制項,可以用 response.write("")

為伺服器端控制項添加用戶端事件方法;
如:buttton.Attributes["onclick"] = "javascript:alert('shijain')";