如何在客户端启用asp：LinkBut​​ton

问题描述

| 我有asp：LinkBut​​ton，输入Button定义为：

<asp:LinkButton ID=\"lnkViewPdf\" runat=\"server\" CssClass=\"icoMiniTest\" ClientIDMode=\"Static\" >View Office Pdf</asp:LinkButton>   
<input id=\"Button2\" type=\"button\" value=\"TestEnable\" onclick=\"TestEnable(document.getElementById(\'lnkViewPdf\'));\"  />

LinkBut​​ton最初在以下代码中被禁用：

    if (!IsPostBack)
    {
        this.lnkViewPdf.Enabled = false;
    }

并且需要在单击Button2时将其启用，因此我在调用javascript函数以启用链接为：

function TestEnable(lnkbutton) {
        alert(\'TestEnable() called\');
        alert(lnkbutton.id);
        lnkbutton.disabled = \"\";
        //$(\"#lnkbutton\").removeAttr(\'disabled\');  //even this doesn\'t work
    }

但是我无法启用链接按钮。 我想念什么吗？ 谢谢！ __________________________________________________ 任何对解决上述问题感兴趣的人： 在后面的代码中：

this.lnkViewPdf.Attributes[\"disabled\"] = \"disabled\";
this.lnkViewPdf.Attributes[\"onclick \"] = \"return false\";

.js：

function TestEnable(lnkbutton) {
         $(lnkbutton).removeAttr(\'disabled\');
        lnkbutton.onclick = \"\";    
}

注意：设置lnkViewPdf.Enabled = false时； LinkBut​​ton被渲染为

<a id=\"lnkViewPdf\" class=\"aspNetdisabled icoMiniTest\">View Office Pdf</a>

看到样式类aspNetdisabled，由ASP.Net添加 但是，如上图所示，从后面的代码中设置禁用/单击属性，将Linkbutton渲染为：

<a id=\"lnkViewPdf\" class=\"icoMiniTest\" disabled=\"disabled\" onclick =\"return false\" href=\"javascript:__doPostBack(&#39;lnkViewPdf&#39;,&#39;&#39;)\">View Office Pdf</a> 

HTH。     

解决方法

现在试试...

function TestEnable(lnkbutton) {
    lnkbutton.disabled = \"\";
    lnkbutton.onclick = \"\";
}

    ,在后面的代码中，而不是通过设置Enabled = false来禁用，而是设置：

    lnkViewPdf.Attributes[\"disabled\"] = \"disabled\"

所以你的JavaScript函数：

    function TestEnable(lnkbutton) {
    alert(\'TestEnable() called\');
    alert(lnkbutton.id);
    lnkbutton.disabled = \"\";
}

您的标记：

    <asp:LinkButton ID=\"lnkViewPdf\" runat=\"server\" CssClass=\"icoMiniTest\" ClientIDMode=\"Static\" >View Office Pdf</asp:LinkButton>   
    <input id=\"Button2\" type=\"button\" value=\"TestEnable\" onclick=\"TestEnable(document.getElementById(\'<%= lnkViewPdf.ClientID %>\')); return false;\"  />

和您的代码背后：

    protected void Page_Load(object sender,EventArgs e)
    {
        if (!IsPostBack)
            lnkViewPdf.Attributes[\"disabled\"] = \"disabled\";
    }

    ,

$(\"#<%=lnkViewPdf.ClientID %>\").removeAttr(\"disabled\");

    ,您需要知道.Net构造名称才能完成。最简单的方法是，如果可以的话，将其设置在页面的顶部：

<script language=\"javascript\">

var lnkbuttonToEnableId = \"<%= this.lnkViewPdf.ClientId %>\";

function TestEnable() {
        alert(\'TestEnable() called\');
        lnkbuttonToEnableId.disabled = false;
}

</script>

无论如何，使其正常工作的唯一方法是以某种方式将lnkViewPdf的ClientId传递给该函数。     ,尝试这两个：

<input id=\"Button2\" type=\"button\" value=\"TestEnable\"
    onclick=\"TestEnable(document.getElementById(\'<%= lnkViewPdf.ClientID %>\'));\"  />

要么

$(\"#<%= lnkViewPdf.ClientID %>\").removeAttr(\'disabled\'); 

更新：由于要在服务器端禁用ѭ16，.NET会从

<a>

html元素中删除

href

属性。要防止丢失该信息，您需要在客户端上禁用

LinkButton

，然后在需要时启用它。同样，除了禁用它，您只需删除of17ѭ属性。 因此，首先您需要保留

href

并将其删除，以使

<a>

链接被禁用：

$(document).ready(function () {
    var $lnkViewPdf = $(\"#lnkViewPdf\");

    $lnkViewPdf.data(\"href\",$lnkViewPdf.attr(\"href\"));
    $lnkViewPdf.removeAttr(\"href\");
});

以及启用它的功能：

function TestEnable(lnkViewPdfId) {
    var $lnkViewPdf = $(\"#\" + lnkViewPdfId);

    $lnkViewPdf.attr(\"href\",$lnkViewPdf.data(\"href\"));
}

    ,如果使用以下命令禁用LinkBut​​ton：

if (!IsPostBack)
{
    this.lnkViewPdf.Enabled = false;
}

这样，href样式将不会显示在HTML中。如果手动添加禁用的属性，则：

if (!IsPostBack)
{
    lnkViewPdf.Attributes.Add(\"disabled\",\"disabled\");
}

这样您的代码就可以正常工作了。 哦！..还有最后一件事：您需要为LinkBut​​ton设置PostBackUrl属性。您在示例中错过了它。