如何禁用視圖中的按鈕？

Question

我需要一些幫助這裏 我要讓我的編輯和刪除按鈕禁用，如果我的任務狀態是真實的 這裏是我的看法進行編輯和刪除按鈕

<td><a href = "@Url.Action("Edit","Task", new {id = task.TaskId})" class= "btn mini purple"><i class = "icon-edit"></i> Edit </a></td> 
<td><a href = "@Url.Action("Delete","Task", new {id = task.TaskId})" class= "btn mini black"><i class = "icon-remove"></i> Delete </a></td> 

Answer 1

<a>標籤不能被禁用。所以，如果狀態是假的，你可以將其刪除或阻止點擊：

@if(yourStatus.IsOk) 
{ 
    <td><a href = "@Url.Action("Edit","Task", new {id = task.TaskId})" class= "btn mini purple"><i class = "icon-edit"></i> Edit </a></td> 
    <td><a href = "@Url.Action("Delete","Task", new {id = task.TaskId})" class= "btn mini black"><i class = "icon-remove"></i> Delete </a></td> 
} 
else 
{ 
    <td><a href="/" onclick="return false;" class= "btn mini purple"><i class = "icon-edit"></i> Edit </a></td> 
    <td><a href="/" onclick="return false;" class= "btn mini black"><i class = "icon-remove"></i> Delete </a></td> 
} 

Answer 2

這些都不是按鈕。那些是HTML anchor elements。錨點元素不能僅在HTML中被禁用。

它看起來像你使用舊版本的Bootstrap，但你沒有在你的問題中包括這個。如果你想添加一個disabled類，你可以這樣做是這樣的：

<td><a href = "@Url.Action("Edit","Task", new {id = task.TaskId})" 
    class= "btn mini purple @Disabled(task.Status)"> 
    <i class = "icon-edit"></i> Edit </a></td> 
<td><a href = "@Url.Action("Delete","Task", new {id = task.TaskId})" 
    class= "btn mini black @Disabled(task.Status)"> 
    <i class = "icon-remove"></i> Delete </a></td> 

@helper Disabled(bool disable) 
{ 
    if (disable) 
    { 
     @:disabled 
    } 
}