将 linkbutton 设置为 asp.net 中 asp:panel 的默认按钮

Question

可能的重复：
页面上的链接按钮并将其设置为默认按钮，在 IE 中工作正常，但在 Mozila 中不行

如何将链接按钮设置为 asp.net 中 asp:panel 的默认按钮？我知道可以将按钮设置为默认按钮，但我的应用程序对所有表单都使用链接按钮。任何建议如何完成。

编辑：

现在我尝试了这个， 它也适用于 Firefox，但我的 javascript 验证（即）客户端单击我的链接按钮不起作用，为什么？

var __defaultFired = false;

        function WebForm_FireDefaultButton(event, target) {
            var element = event.target || event.srcElement;

            if (!__defaultFired && event.keyCode == 13 && !(element && (element.tagName.toLowerCase() == "textarea"))) {
                var defaultButton;

                if (__nonMSDOMBrowser)
                    defaultButton = document.getElementById(target);
                else
                    defaultButton = document.all[target];

                if (defaultButton) {
                    if (typeof (defaultButton.click) != "undefined")
                        defaultButton.click();
                    else
                        eval(unescape(defaultButton.href.replace("javascript:", "")));

                    event.cancelBubble = true;

                    if (event.stopPropagation) event.stopPropagation();
                    return false;
                }
            }
            return true;
        }

第二次编辑：

我能够使我的自定义链接按钮控件正常工作，但无法将 OnClientClick 挂钩到它。来源 using-panel- defaultbutton-property-with-linkbutton-control-in-asp-net。

我这样做了，

<%@ Register Namespace="App_Code" TagPrefix="ac" %>
<asp:Label runat="server" ID="lblHello" />
<asp:Panel runat="server" DefaultButton="lbHello">
    First name: <asp:TextBox runat="server" ID="txtFirstName" />
    <ac:LinkButtonDefault ID="lbHello" runat="server" Text="Click me" 
        OnClientClick="javascript:alert('hai');" OnClick="lbHello_Click" />
</asp:Panel>

我的客户端功能不起作用，为什么？任何建议。

Answer 1

您可以采用添加属性来处理文本框的 onKeyPress 事件的简单方法，而不是使用自定义控件。这可以正确处理从文本框中按 Enter 并触发 LinkBut​​ton 的事件。这种方法的缺点是，任何 LinkBut​​ton OnClientClick 事件都不会在 Firefox 中触发，这与您链接到的博客文章中描述的问题有关。仅当用户实际用鼠标单击链接时才会触发它。但是，在 IE 中，它将从文本框和直接单击触发。

解决方案 #1 - 添加属性的代码如下：

protected void Page_Load(object sender, EventArgs e)
{
    txtFirstName.Attributes.Add("onKeyPress",
        "javascript:if (event.keyCode == 13) __doPostBack('" + lbHello.ClientID + "','')");
}

尝试一下，看看它是否符合您的需求。请记住我之前描述的限制。

现在，如果您希望消除上述限制，该博客文章中的一条评论显示了一种似乎可以正常工作的方法。我对其进行了修改，删除了 StringBuilder 并将其转换为 C#。

解决方案 #2 - 添加该功能并注册的代码如下：

protected void Page_PreRender(object sender, EventArgs e)
{
    string addClickFunctionScript = @"function addClickFunction(id) {
           var b = document.getElementById(id);
           if (b && typeof(b.click) == 'undefined')
             b.click = function() {
               var result = true;
               if (b.onclick) result = b.onclick();
               if (typeof(result) == 'undefined' || result)
                 eval(b.getAttribute('href'));
             }
         };";

    string clickScript = String.Format("addClickFunction('{0}');", lbHello.ClientID);

    Page.ClientScript.RegisterStartupScript(this.GetType(), "addClickFunctionScript", addClickFunctionScript, true);
    Page.ClientScript.RegisterStartupScript(this.GetType(), "click_" + lbHello.ClientID, clickScript, true);
}

页面标记 -
对于上述两种解决方案，页面标记是相同的：

<asp:Label runat="server" ID="lblHello" />
<asp:Panel ID="Panel1" runat="server" DefaultButton="lbHello">
    First name:
    <asp:TextBox runat="server" ID="txtFirstName" />
    <asp:LinkButton ID="lbHello" runat="server" Text="Click me" OnClick="lbHello_Click"                 
         OnClientClick="javascript:alert('Hello, World!');"/>
</asp:Panel>

在这两种情况下都不需要自定义控件来实现此类功能。保持简单。

Answer 2

看看这个

<asp:Panel runat="server" DefaultButton="lbHello">
    First name: <asp:TextBox runat="server" ID="txtFirstName" />
    <asp:LinkButton ID="lbHello" runat="server" Text="Click me" OnClick="lbHello_Click" />
</asp:Panel>

其余的答案可以在这里找到。它展示了如何解决 FireFox 出现的问题
http://kpumuk .info/asp-net/using-panel-defaultbutton-property-with-linkbutton-control-in-asp-net/

Answer 3

另一种方法可能是像这样伪造 onclick 事件。

jQuery(document).ready(function () {
    jQuery('#<%= txtFirstName.ClientID %>').keypress(function (event) {
        if (event.keyCode == 13) {
            eval($('#<%=lbHello.ClientID %>').attr('href'));
        }
    });
});

缺点是您需要在所有需要创建默认按钮的地方使用它。

Answer 4

请参阅此

页面上的链接按钮并将其设置为默认按钮，在 IE 中工作正常，但在 Mozila 中不行 在

我看来，虚拟按钮答案是最干净的解决方案。