DefaultButton 'panelName' должен быть идентификатором элемента управления типа IButtonControl

Question

Я занимаюсь разработкой веб-сайта на ASP.NET и использую загрузчик для дизайна. Я использую модальный класс Fade (например, всплывающее окно) для пользователя, чтобы войти.

Вот мой код:

<div class="modal fade" id="login" role="dialog">
   <asp:Panel ID="AZloginPanel" runat="server">
      <div class="modal-dialog">
         <div class="modal-content">
            <div class="form-horizontal">
               <div class="modal-header">
                  <h4>Login</h4>
               </div>
            <div class="modal-body">
               <asp:Login ID="LoginUser" runat="server" EnableViewState="false" RenderOuterTable="false">
                  <LayoutTemplate>
                     <span class="failureNotification">
                        <asp:Literal ID="FailureText" runat="server"></asp:Literal>
                     </span>
                     <asp:ValidationSummary ID="LoginUserValidationSummary" runat="server" CssClass="failureNotification"
                                        ValidationGroup="LoginUserValidationGroup" />
                     <div class="accountInfo">
                        <fieldset class="login">
                           <div class="form-group">
                              <asp:Label ID="UserNameLabel" CssClass="col-lg-2 control-label" runat="server" AssociatedControlID="UserName">Username:</asp:Label>
                                <div class="col-lg-10">
                                   <asp:TextBox ID="UserName" runat="server" CssClass="form-control" placeholder="Username"></asp:TextBox>
                                </div>
                                <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
                                                    CssClass="failureNotification" ErrorMessage="User Name is required." ToolTip="User Name is required."
                                                    ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
                           </div>
                           <div class="form-group">
                              <asp:Label ID="PasswordLabel" CssClass="col-lg-2 control-label" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                              <div class="col-lg-10">
                                 <asp:TextBox ID="Password" runat="server" CssClass="form-control" placeholder="Password" TextMode="Password"></asp:TextBox>
                              </div>
                              <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                                                    CssClass="failureNotification" ErrorMessage="Password is required." ToolTip="Password is required."
                                                    ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
                           </div>
                           <p>
                              <asp:CheckBox ID="RememberMe" runat="server" />
                              <asp:Label ID="RememberMeLabel" runat="server" AssociatedControlID="RememberMe" CssClass="inline">Keep me logged in</asp:Label>
                           </p>
                        </fieldset>
                        <div class="modal-footer">
                           <p class="pull-left">
                                <asp:HyperLink ID="RegisterHyperLink" runat="server" EnableViewState="false" NavigateUrl="~/Account/Register.aspx">Register</asp:HyperLink>if you don't have an account.
                           </p>
                              <asp:Button ID="CloseModal" runat="server" CssClass="btn btn-info" CommandName="Close" Text="Close" />
                              <asp:Button ID="LoginButton" runat="server" CssClass="btn btn-primary" CommandName="Login" Text="Log In" ValidationGroup="LoginUserValidationGroup" />
                         </div>
                     </div>
                  </LayoutTemplate>
               </asp:Login>
            </div>
         </div>
      </div>
   </div>
</asp:Panel>
</div>

Когда я установил DefaultButton="LoginButton" в AZloginPanel панель, я получаю следующую ошибку:

DefaultButton 'AZloginPanel' должен быть идентификатором элемента управления типа IButtonControl.

Я заблудился и перепробовал все, но, похоже, я в тупике.

Есть идеи?

Answer 1

Проблема в том, что asp:login элемент управления изменяет идентификаторы своих детей, поэтому asp:panel управление не знает, где искать, чтобы найти новый DefaultButton Я бы.

Вот упрощенная версия, которая воспроизводит проблему:

<asp:Panel ID="AZloginPanel" runat="server" DefaultButton="LoginButton">
    <asp:Login ID="LoginUser" runat="server" >
        <LayoutTemplate>
            <asp:TextBox ID="UserName" runat="server" />
            <asp:TextBox ID="Password" runat="server" TextMode="Password" />
            <asp:Button ID="LoginButton" runat="server" Text="Log In" />
        </LayoutTemplate>
    </asp:Login>
</asp:Panel>

Если вы хотите использовать DefaultButton для LoginControl, вы можете сделать одну из двух вещей:

1. Вложите панель внутри элемента управления входом:

<asp:Login ID="LoginUser" runat="server" >
    <LayoutTemplate>
        <asp:Panel runat="server" DefaultButton="LoginButton">
            <asp:TextBox ID="UserName" runat="server" />
            <asp:TextBox ID="Password" runat="server" TextMode="Password" />
            <asp:Button ID="LoginButton" runat="server" Text="Log In" />
        </asp:Panel>
    </LayoutTemplate>
</asp:Login>

2. Затем создайте идентификатор с помощью LoginControlID. $ затем идентификатор кнопки:

<asp:Panel ID="AZloginPnl" runat="server" DefaultButton="LoginUser$LoginButton">
    <asp:Login ID="LoginUser" runat="server" >
        <LayoutTemplate>
            <asp:TextBox ID="UserName" runat="server" />
            <asp:TextBox ID="Password" runat="server" TextMode="Password" />
            <asp:Button ID="LoginButton" runat="server" Text="Log In" />
        </LayoutTemplate>
    </asp:Login>
</asp:Panel>