Popextender在提交後關閉面板

我創建了一個多選CheckBoxList的面板，通過PopControl擴展器連接到TextBox。Popextender在提交後關閉面板

我正在使用PopControl擴展器的.commit()方法來顯示所選項目。

當我從CheckBox中選擇一個項目時，面板關閉，我想選擇該項目而不關閉面板。

我在做什麼錯？當您單擊其中一個複選框導致它有AutoPostBack = "true"

標記

<asp:TextBox ID="txtCountry" runat="server" Skinid="longTextbox" AutoPostBack = "false" OnClientItemSelected="passtohidden()" /> 
<asp:Panel ID="pnlLocation" runat="server"> 
    <asp:UpdatePanel runat="server" ID="upLocation"> 
     <ContentTemplate> 
      <asp:CheckBoxList ID="chkLocation" SkinID ="chkColor" runat="server" AutoPostBack = "true" onselectedindexchanged="chkLocation_SelectedIndexChanged" /> 
     </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="txtCountry" EventName="TextChanged" /> 
     </Triggers> 
    </asp:UpdatePanel> 
</asp:Panel> 
<asp:PopupControlExtender ID="Panel1_PopupControlExtender" runat="server" Enabled="True" Position="Bottom" PopupControlID = "pnlLocation" TargetControlID="txtCountry" />

代碼背後

protected void chkLocation_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    string strSelected = ""; 

    foreach (ListItem l in chkLocation.Items) 
    { 
     if (l.Selected) 
     { 
      strSelected += l.Text + " ,"; 
     } 
    } 

    //txtCountry.Text = strSelected; 

    Panel1_PopupControlExtender.Commit(strSelected); 
}

來源

2011-12-14 Ramesh

面板關閉。

爲了能夠選擇多個複選框，只需將AutoPostBack設置爲false，然後在CheckBoxList旁邊創建一個按鈕，在選中所有必需的複選框後，點擊該按鈕執行異步回發。爲此，您還需要在按鈕上設置UseSubmitBehavior="false"。

<asp:TextBox ID="txtCountry" runat="server" Skinid="longTextbox" AutoPostBack = "false" OnClientItemSelected="passtohidden()" /> 
<asp:Panel ID="pnlLocation" runat="server"> 
    <asp:UpdatePanel runat="server" ID="upLocation"> 
     <ContentTemplate> 
      <asp:CheckBoxList ID="chkLocation" SkinID ="chkColor" runat="server" AutoPostBack = "false" onselectedindexchanged="chkLocation_SelectedIndexChanged" /> 
      <asp:Button runat="server" ID="submitButton" Text="Ok" UseSubmitBehavior="false" /> 
     </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="txtCountry" EventName="TextChanged" /> 
     </Triggers> 
    </asp:UpdatePanel> 
</asp:Panel> 
<asp:PopupControlExtender ID="Panel1_PopupControlExtender" runat="server" Enabled="True" Position="Bottom" PopupControlID = "pnlLocation" TargetControlID="txtCountry" />

來源

2011-12-15 10:10:27

Popextender在提交後關閉面板

回答

相關問題