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

Question

我有 asp:LinkBut​​ton，输入按钮定义为：

<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
    }

但我无法启用链接按钮。

我错过了什么吗？

谢谢你！

____________< /em>_________________< em>_____________________

任何对上述问题的解决方案感兴趣的人：
在代码隐藏中：

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 添加的内容
但是，如上所示，从代码隐藏中设置禁用/onclick 属性，将 Linkbutton 渲染为：

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

HTH。

Answer 1

现在尝试...

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

Answer 2

在后面的代码中，不要通过设置 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";
    }

Answer 3

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

Answer 4

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

<script language="javascript">

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

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

</script>

无论如何，让它工作的唯一方法是以某种方式将 lnkViewPdf 的 ClientId 传递给函数。

Answer 5

尝试这两个：

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

或

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

更新：由于您在服务器端禁用LinkBut​​ton，.NET会从<中删除href属性;a> html 元素。为了防止丢失该信息，您应该做的是禁用客户端上的 LinkBut​​ton，然后在需要时启用它。此外，您不需要禁用它，只需删除 href 属性即可。

因此，首先您需要保留 href 并将其删除，以便 链接被禁用：

$(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"));
}

Answer 6

如果您使用以下方法禁用 LinkBut​​ton：

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

那么 href 属性将不会显示在 HTML 中。如果您手动添加禁用属性：

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

那么您的代码将正常工作。

哦！...最后一件事：您需要设置 LinkBut​​ton 的 PostBackUrl 属性。你在你的例子中错过了它。