如何啓用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 
    } 

但我不能啓用鏈接按鈕。

我錯過了什麼嗎？

謝謝！

__ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __

任何有興趣在解決上述問題：
在後臺代碼：

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如上圖所示，呈現的LinkBut​​ton爲：

<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

你需要爲了完成它知道的.Net構建的名稱。最簡單的方法是有，如果你能在它的頁面頭部設置：

<script language="javascript"> 

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

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

</script> 

在任何情況下，要得到它的工作的唯一途徑是lnkViewPdf的客戶端Id傳遞給函數莫名其妙。

Answer 3

都試一下那些：

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

或

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

UPDATE：因爲你是在服務器端.NET禁用LinkButton條從<a> HTML元素href屬性。你應該做什麼來防止這些信息的丟失，是禁用客戶端上的LinkButton，然後在需要時啓用它。而不是禁用它，所有你需要做的就是刪除href屬性。

所以首先你需要保留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")); 
} 

Answer 4

在後面的代碼，而不是通過設置禁用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 5

如果使用禁用的LinkBut​​ton：

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

然後href attibute不會顯示在HTML中。如果您手動添加，而不是禁用屬性：

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

那麼你的代碼將工作得很好。

哦！..還有最後一件事：您需要爲LinkBut​​ton設置PostBackUrl屬性。你在例子中錯過了它。

Answer 6

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