2016-07-10 6 views
0

AJAXアップデートパネルで、1行に7つのテキストボックスを持つ2つのドロップダウンリストがあります。私は2番目のドロップダウンリストで項目を選択するたびに、新しいコントロール行を作成する必要があります。新たに作成された2番目のドロップダウンリストなどに同じイベントハンドラを追加します。イベントハンドラを追加して同じイベントハンドラ内を制御する方法は?

問題はHTMLの最初の行ddlにありません。しかし、作成した新しい行ddlで新しい項目を選択すると、onSelectedIndexChangedは起動せず、2行目は消えます!

私のHTMLコード:

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
 
         <ContentTemplate> 
 
          <asp:DropDownList runat="server" ID="DropDownList1" CssClass="dropdownlist" EnableViewState="true"> 
 
           <asp:ListItem>a</asp:ListItem> 
 
           <asp:ListItem>b</asp:ListItem> 
 
          </asp:DropDownList> 
 
          &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
 
         <asp:DropDownList runat="server" ID="DropDownList2" CssClass="dropdownlist" AutoPostBack="true" OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged" EnableViewState="true"> 
 
           <asp:ListItem>a</asp:ListItem> 
 
           <asp:ListItem>b</asp:ListItem> 
 
         </asp:DropDownList> 
 
          &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 
 
         <asp:TextBox runat="server" ID="textbox1" CssClass="txtbx"></asp:TextBox> 
 
          &nbsp&nbsp&nbsp&nbsp 
 
         <asp:TextBox runat="server" ID="textbox2" CssClass="txtbx"></asp:TextBox> 
 
          &nbsp&nbsp&nbsp&nbsp 
 
         <asp:TextBox runat="server" ID="textbox3" CssClass="txtbx"></asp:TextBox> 
 
          &nbsp&nbsp&nbsp&nbsp 
 
         <asp:TextBox runat="server" ID="textbox4" CssClass="txtbx"></asp:TextBox> 
 
          &nbsp&nbsp&nbsp&nbsp 
 
         <asp:TextBox runat="server" ID="textbox5" CssClass="txtbx"></asp:TextBox> 
 
          &nbsp&nbsp&nbsp&nbsp 
 
         <asp:TextBox runat="server" ID="textbox6" CssClass="txtbx"></asp:TextBox> 
 
          &nbsp&nbsp&nbsp 
 
         <asp:TextBox runat="server" ID="textbox7" CssClass="txtbx"></asp:TextBox> 
 
          <br /> 
 
          <br /> 
 
         </ContentTemplate> 
 
        </asp:UpdatePanel>

の背後にあるコード:

public partial class WebForm1 : System.Web.UI.Page 
{ 
    DropDownList ddl1; 
    DropDownList ddl2; 

    protected void Page_Load(object sender, EventArgs e) 
    { 
     if (!IsPostBack) 
     { 
      Session["ddlcounter"] = 1; 
     } 
    } 

    protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e) 
    { 
     ddl1 = new DropDownList(); 
     ddl1.ID = "ddl1_" + (int)Session["ddlcounter"]; 
     ddl1.Width = 200; 
     ddl1.Height = 30; 
     ddl1.Items.Add("a"); 
     ddl1.Items.Add("b"); 
     UpdatePanel1.ContentTemplateContainer.Controls.Add(ddl1); 
     UpdatePanel1.ContentTemplateContainer.Controls.Add(new LiteralControl("&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp")); 

     ddl2 = new DropDownList(); 
     ddl2.ID = "ddl2_" + (int)Session["ddlcounter"]; 
     ddl2.Width = 200; 
     ddl2.Height = 30; 
     ddl2.Items.Add("a"); 
     ddl2.Items.Add("b"); 
     ddl2.AutoPostBack = true; 
     UpdatePanel1.ContentTemplateContainer.Controls.Add(ddl2); 
     UpdatePanel1.ContentTemplateContainer.Controls.Add(new LiteralControl("&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp")); 

     ddl2.SelectedIndexChanged += new EventHandler(DropDownList2_SelectedIndexChanged); 

     Session["txtcounter"] = 1; 
     for (int i = 0; i < 7; i++) 
     { 
      TextBox txt = new TextBox(); 
      txt.Width = 45; 
      txt.Height = 25; 
      UpdatePanel1.ContentTemplateContainer.Controls.Add(txt); 
      UpdatePanel1.ContentTemplateContainer.Controls.Add(new LiteralControl("&nbsp&nbsp&nbsp&nbsp&nbsp")); 
      Session["txtcounter"] = (int)Session["txtcounter"] + 1; 
     } 
     UpdatePanel1.ContentTemplateContainer.Controls.Add(new LiteralControl("<br /><br />")); 
     Session["ddlcounter"] = (int)Session["ddlcounter"] + 1; 
    } 
} 

答えて

0

私は問題がある、ときに、第2の動的に生成されたDDL postsbackということであると考えてい覚えている方法はありません前の手順で動的にレンダリングされたコントロールは何ですか?

this articleをお勧めします。上記のリンクにRecreateControlsの機能がありません。

希望に役立ちます。

+0

それぞれのポストバックのコントロールを再作成すると@Rafiに感謝します。私は値を失うので、クライアント側で繰り返しコントロールを作成する方法はありますか? JSを使う価値があるのですか? –

+0

私はJavasciptとJQueryを使用して動的なコントロールセットを作成していますので、私の考えで考える価値のあるオプションです。しかし、Webページで何かをしても、それはポストバックの問題を解決しません。 – Rafi

関連する問題