3

可能重复:
页面上的链接按钮并将其设置为默认按钮,在 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>

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

4

4 回答 4

9

而不是使用自定义控件,您可以采用添加属性来处理文本框onKeyPress事件的简单方法。Enter这可以正确处理从文本框中按下并触发LinkButton' 事件。这种方法的缺点是LinkButton 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>

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

于 2010-09-02T17:21:52.797 回答
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/

于 2010-08-27T04:45:22.200 回答
1

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

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

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

于 2010-11-18T12:24:37.260 回答
0

看到这个

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

虚拟按钮答案是 IMO 最干净的解决方案。

于 2011-12-29T20:54:20.047 回答