Asp dropdownlist не сохраняет значение в модальном диалоговом окне
У меня есть модальное диалоговое окно, которое содержит несколько текстовых полей и пару выпадающих списков.
Диалоговое окно используется для добавления пользователя в систему и отлично работает при добавлении только одного пользователя за раз. Если я нажму кнопку для отображения модального диалога во второй раз, выпадающие списки не сохранят свои значения.
Я поместил модальный диалог внутри панели обновления, а также убедился, что в методах selectedindexchanged модальный диалог остается открытым.
При загрузке страницы я проверяю, чтобы убедиться, что выпадающие списки не заполняются при обратной передаче
Если я перехожу на другую страницу сайта, а затем возвращаюсь на страницу с модальным диалогом, выпадающие списки работают нормально и сохраняют свои значения.
Любая помощь будет очень признательна.
Что я уже пробовал:
<asp:Panel ID="pnlAddNewUser" runat="server" CssClass="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<asp:UpdatePanel ID="upPnlNewUser" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<fieldset>
<legend class="text-center header">Add New User</legend>
<asp:Panel ID="pnlCheckAD" runat="server">
<div class="form-group">
<div class="col-md-3 text-right">
<asp:Label ID="lblCheckAD" Text="Enter Name:" runat="server" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtCheckAD" placeholder="Enter username e.g. bloggsj" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblFindUserError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="col-md-3">
<asp:Button ID="btnCheckAD" runat="server" Text="Check AD" OnClick="btnCheckAD_Click" CssClass="btn btn-success" />
<asp:Button ID="btnCancelCheckAD" Text="Cancel" runat="server" CssClass="btn btn-primary" OnClientClick="HideAddModal(); return false;" />
<div class="clearfix"></div>
</div>
</div>
</asp:Panel>
<asp:Panel ID="pnlAddUser" runat="server" Visible="false" CssClass="modal-fade">
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblFirstName" Text="First Name:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtFirstName" placeholder="Enter first name" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblFirstNameError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblLastName" Text="Last Name:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtLastName" placeholder="Enter last name" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblLastNameError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblEmail" Text="Email:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtEmail" placeholder="Enter email address" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblEmailError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblPhone" Text="Phone Number:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtPhone" placeholder="Enter phone number" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblPhoneError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblMobile" Text="Mobile Number:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtMobile" placeholder="Enter mobile number" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblMobileError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblJobTitle" Text="Job Title:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtJobTitle" placeholder="Enter job title" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblJobTitleError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblUserName" Text="User Name:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtUserName" placeholder="Enter user name" runat="server" class="form-control" ></asp:TextBox>
<asp:Label ID="lblUserNameError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblPassword" Text="Password:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<asp:TextBox ID="txtPassword" placeholder="Enter user password" runat="server" class="form-control" Enabled="true"></asp:TextBox>
<asp:Label ID="lblPasswordError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblGroup" Text="Groups:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<%--<asp:DropDownList ID="ddlGroups" runat="server" class="form-control"></asp:DropDownList>--%>
<asp:ListBox ID="ddlGroups" runat="server" CssClass="form-control" SelectionMode="Multiple" Rows="6" OnSelectedIndexChanged="ddlGroups_SelectedIndexChanged" AutoPostBack="true"></asp:ListBox>
<asp:Label ID="lblGroupError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblDepot" Text="Depots:" runat="server" class="control-label col-md-3 text-right" ></asp:Label>
</div>
<div class="col-md-6">
<%--<asp:DropDownList ID="ddlDepots" runat="server" class="form-control" SelectMethod=""></asp:DropDownList>--%>
<asp:ListBox ID="ddlDepots" runat="server" class="form-control" SelectionMode="Multiple" Rows="12" OnSelectedIndexChanged="ddlDepots_SelectedIndexChanged" AutoPostBack="true"></asp:ListBox>
<asp:Label ID="lblDepotError" runat="server" class="text-danger"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="col-md-3">
<asp:Label ID="lblInternalUser" runat="server" Text="Internal User"></asp:Label>
</div>
<div class="col-md-9">
<asp:CheckBox ID="chkInternalUser" runat="server" />
</div>
</div>
<div class="form-group">
<div class="col-md-12 text-right">
<asp:Button ID="btnAddUser" Text="Save" runat="server" CssClass="btn btn-success" OnClick="btnAddUser_Click" />
<asp:Button ID="btnCancelAdd" Text="Cancel" runat="server" CssClass="btn btn-primary" OnClientClick="HideAddModal(); return false;" />
<asp:Button ID="btnCloseAdd" runat="server" Text="Close" OnClientClick="HideAddModal();" Visible="false" OnClick="btnCloseAdd_Click" CssClass="btn btn-success" />
</div>
</div>
<div class="form-group">
<div class="col-md-12 text-center">
<asp:Label ID="lblAddSuccess" runat="server" CssClass="text-success" Visible="false"></asp:Label>
</div>
<div class="clearfix"></div>
</div>
</asp:Panel>
</fieldset>
</div>
</div>
</div> <%--modal-body--%>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</asp:Panel>