web-dev-qa-db-ja.com

Enterキーを押したときにログイン制御ボタンを送信する

ログインコントロールが設定されたASP.NETWebページがあります。 Enterキーを押しても、ログインボタンは起動しません。代わりに、ページは何もせずに送信します。

私がオンラインで見つけたこれに対する標準的な解決策は、ログインコントロールをパネルで囲み、パネルのデフォルトボタンを設定することです。しかし、ページにマスターページがある場合、それは明らかにうまく機能しません。 control。ID、control。ClientID、およびcontrol。UniqueIDを使用して、コードでデフォルトのボタンを設定してみました。取得する：

PanelNameのDefaultButtonは、タイプIButtonControlのコントロールのIDである必要があります。

JavaScriptを使用してこれを行う方法があると確信していますが、可能であれば、単純な古いC＃コードを使用してこれを実行したいと思います。出来ますか？

c#asp.net.netlogin-controldefaultbutton
23
Ryan Lundy

これは役立つはずです： http://weblogs.asp.net/jgalloway/archive/2007/10/03/asp-net-setting-the-defaultbutton-for-a-login-control.aspx ==

以下を使用して、ログイン制御テンプレート内のボタンを参照できます。

DefaultButton="Login$LoginButton"

基本的に、フォームレベルだけでなく、個々のパネルレベルでもDefaultButtonを定義できます。フォーカスがパネル内にある限り、「Enter」を押すとパネルのデフォルトボタンが使用されます。

34
Vassili Altynikov

ブレンドマスターによる素晴らしい答え！基本的にはPanel.DefaultButtonを使用するだけですが、正確に何に設定する必要があるかについての混乱を解消したいと思います。 「.ID」や「.UniqueID」だけではありません。ドキュメントには少し欠けています。

ボタンのUniqueIDに設定する必要があります相対パネルのネーミングコンテナUniqueID。たとえば、パネルのUniqueIDが「Body $ Content $ pnlLogin」で、ログインボタンのUniqueIDが「Body $ Content $ ucLogin $ btnLogin」の場合（「ucLogin」というコントロール内にあるため）、Panel.DefaultButtonを次のように設定する必要があります。 「ucLogin $ btnLogin」。

次のようにコードでこれを解決できます。 （このためのクラスライブラリメソッドは見つかりませんでしたが、見つかった場合はお知らせください。）

void SetDefaultButton(Panel panel, IButtonControl button)
{
    string uniqueId = ((Control)button).UniqueID;
    string panelIdPrefix = panel.NamingContainer.UniqueID + Page.IdSeparator;

    if (uniqueId.StartsWith(panelIdPrefix))
    {
        uniqueId = uniqueId.Substring(panelIdPrefix.Length);
    }

    panel.DefaultButton = uniqueId;
}
8
EMP

ページの読み込み時にこのようなものを追加する必要があります...

txtPassword.Attributes.Add("onKeyPress", "javascript:if (event.keyCode == 13) __doPostBack('" + lnkSubmit.UniqueID + "','')")

パスワードテキストボックスにはonKeyPress属性が追加されており、「Enter」キーが押された場合に送信ボタンでdoPostBackを強制します。これは、送信ボタンのクリックをシミュレートします。

4
StingyJack

ログインボタンが<input type="button">ではなく<input type="submit">として吐き出されているようです。いつでもLoginControlをテンプレート化し、送信ボタンを追加して、恐ろしいデフォルトのマークアップを同時に取り除くことができます。

これを修正するためにJavascriptを使用する必要がある場合、何かが深刻に間違っています！ （しかし、あなたはこれを知っているように聞こえます）

2
roryf

ヨ、私はネット上でこの解決策を見つけました、それは私のために働きました。

 <asp:Panel ID="panelLogin" runat="server" DefaultButton="Login1$LoginButton">
 <asp:Login ID="Login1" runat="server" >
 <LayoutTemplate>
 ...
 <asp:Button  ID="LoginButton" .../>
 </LayoutTemplate>
 </asp:Login>
 </asp:Panel>
2
qwebek

Login1がログインコントロールのIDであると仮定します。

送信するページの任意の場所に「入力」するには、コードビハインドのinitに追加します。

protected void Page_Init(object sender, EventArgs e)
{
    this.Form.DefaultButton = Login1.FindControl("LoginButton").UniqueID;
}

ログインコントロール内でのみ送信するように「enter」を使用するには、ログインコントロールをasp：Panelでラップし、パネルでDefaultButton="Login1$LoginButton"を設定します。

どちらのアプローチもマスターページで正常に機能します。

2
David Eison

あなたの良い答えに基づいて、カスタムコントロールを作成しました
は、フォーカスされているパネルに基づいて、ページにいくつかのデフォルトボタンを持たせることができます。
PanelのOnLoadメソッドとDefaultButtonプロパティをオーバーライドします。

public class DefaultButtonPanel:Panel
{
    protected override void OnLoad(EventArgs e)
    {
        if(!string.IsNullOrEmpty(DefaultButton))
        {
            LinkButton btn = FindControl(DefaultButton) as LinkButton;
            if(btn != null)
            {
                Button defaultButton = new Button {ID = DefaultButton.Replace(Page.IdSeparator.ToString(), "_") + "_Default", Text = " "};
                defaultButton.Style.Add("display", "none");
                PostBackOptions p = new PostBackOptions(btn, "", null, false, true, true, true, true, btn.ValidationGroup);
                defaultButton.OnClientClick = Page.ClientScript.GetPostBackEventReference(p) + "; return false;";
                Controls.Add(defaultButton);
                DefaultButton = defaultButton.ID;
            }
        }
        base.OnLoad(e);
    }

    /// <summary>
    /// Set the default button in a Panel.
    /// The UniqueID of the button, must be relative to the Panel's naming container UniqueID. 
    /// 
    /// For example:
    /// Panel UniqueID is "Body$Content$pnlLogin" 
    /// Button's UniqueID is "Body$Content$ucLogin$btnLogin" 
    /// (because it's inside a control called "ucLogin") 
    /// Set Panel.DefaultButton to "ucLogin$btnLogin".
    /// </summary>
    /// <param name="panel"></param>
    /// <param name="button"></param>
    public override string DefaultButton
    {
        get
        {
            return base.DefaultButton;
        }

        set
        {
            string uniqueId = value;
            string panelIdPrefix = this.NamingContainer.UniqueID + Page.IdSeparator;
            if (uniqueId.StartsWith(panelIdPrefix))
            {
                uniqueId = uniqueId.Substring(panelIdPrefix.Length);
            }
            base.DefaultButton = uniqueId;
        }
    }      
}
1
Kb.

解決策は、ログインコントロールをパネルコントロール内に埋め込み、パネルのdefaultbuttonをログインコントロール内のボタンのParent$IDに設定することで提供されます。コードがあります：

<asp:Panel id="panel1" runat="server" DefaultButton="Login1$LoginButton">
<asp:Login ID="Login1" runat="server" BackColor="#F7F6F3">
<LayoutTemplate>
<table>
...
<tr>
<td><asp:Button ID="LoginButton" runat="server" /></td>
</tr>
</table>
</LayoutTemplate>
</asp:Login>
</asp:Panel>
1
samuel

上記の投稿にもう少し詳細と手順を追加するために、ここにウォークスルーがあります：

ログインコントロールをロードするページのマークアップでは、2か所でhtmlを更新する必要があります。

まず、ページのフォームタグで、デフォルトのボタンを設定する必要があります。私が名前を思いついた方法については、以下を参照してください。

<form id="form1" runat="server" defaultbutton="ucLogin$btnSubmit">

（命名：ドル記号の前のucLogin部分は、ページのさらに下で宣言されているように、ログインコントロールのIDである必要があります。btnSubmit部分は、ログインコントロールのhtmlで名前が付けられているボタンのIDである必要があります）

次に、ログインコントロールの宣言をパネルでラップし、そのDefaultButtonプロパティも設定する必要があります。

<!-- Login Control - use a panel so we can set the default button -->
<asp:Panel runat="server" ID="loginControlPanel" DefaultButton="ucLogin$btnSubmit">                         
     <uc:Login runat="server" ID="ucLogin"/>                                                    
</asp:Panel>

それはあなたのためにそれをするはずです。

1
Jason Marsell