如何根據條件使用jquery添加cssClass到kendo工具欄

我想根據條件將css類應用於Kendo工具欄。我有一個頁面，其中我有兩種模式，編輯和讀取模式。最初當頁面加載時，頁面將處於讀取模式。所以包含4個按鈕的kendo工具欄將處於禁用狀態，當鼠標懸停在按鈕上時，它將顯示手形符號。當切換到編輯模式時，工具欄變爲活動狀態，按鈕將可點擊。我的問題是如何添加css類，使鼠標懸停在讀取模式中的按鈕時，工具欄中出現默認光標？如何根據條件使用jquery添加cssClass到kendo工具欄

.k-link{ 
    cursor:default; 
}

上面的樣式是用在jquery中。 Jquery如下：

$(document).ready(function() { 
    if (var gridEdit == "Read") { 
     //css class(mentioned above) to add 
    } 
});

如何在上述條件中添加css類。如果有人能爲我解決這個問題將會很有幫助。提前致謝。

來源

2015-04-22 Thasha

-1

如果您想禁用工具欄中的按鈕，您將需要做的工作多一點，而不僅僅是應用CSS類。應用一個類不會阻止點擊事件被觸發。

你需要禁用的CSS類應用到按鈕：

$('.k-grid-toolbar').children('.k-button').addClass('k-state-disabled')

然後添加一個單擊事件處理程序，以防止發射click事件：

$('.k-grid-toolbar').children('.k-button.k-state-disabled').on("click", disableToolbar); 

function disableToolbar() 
{ 
     return false; 
}

然後重新啓用你做相反的按鈕。解除先前添加的點擊事件並刪除.k-state-disabled類。

$('.k-grid-toolbar').children('.k-button.k-state-disabled').off("click", disableToolbar); 
$('.k-grid-toolbar').children('.k-button').removeClass('k-state-disabled')

你可以看到一個working example of this here

來源

2015-04-22 09:20:38 codingbadger

如何根據條件使用jquery添加cssClass到kendo工具欄

回答

相關問題