我正在开发一个关于ASP.NET的网站,并使用bootstrap进行设计。我使用模态淡入淡出类(如弹出窗口)供用户登录。
这是我的代码:
<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
时,出现以下错误:
&#39; AZloginPanel&#39;的DefaultButton必须是IButtonControl类型的控件的ID。
我迷失了,我已经尝试了一切,但似乎我已经走到了尽头。
有什么想法吗?
答案 0 :(得分:6)
问题是asp:login
控件会修改其子级的ID,因此asp:panel
控件不知道在哪里查找新{{1} id。
DefaultButton
如果您想使用DefaultButton for a LoginControl,可以执行以下两项操作之一:
<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>
<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>
然后按钮ID:$