應用特定的CSS元素

我正在使用Telerik rad組織結構圖。基本上我想根據條件應用某些CSS樣式。應用特定的CSS元素

我已經找到了如何只覆蓋一個CSS樣式：

.rocToolbar_Metro .rocToolbarButton { background-color: #32b330 !important;}

但我無法弄清楚如何通過代碼有條件做到這一點後面，所以說如果condition == 1然後將此：

.rocToolbar_Metro .rocToolbarButton { background-color: #32b330 !important;}

否則將此：

.rocToolbar_Metro .rocToolbarButton { background-color: #25a0da !important;}

我打算做THI s在NodeDataBound事件中。任何建議感激。

謝謝。

來源

2016-09-26 Andyww

在您的頁面上添加JS將改變按鈕的顏色，然後您可以使用ScriptManager從nodedatabound事件觸發此javascript。

添加JS

function setColor1() { 
    $("#rocToolbarButton").css("background-color","#25a0da"); 
}

NodeDataBound事件

protected void RadTreeView_OnNodeDataBound(object sender, RadTreeNodeEventArgs e) 
{ 

    ScriptManager.RegisterStartupScript(this, GetType(), "setColor1", "setColor1();", true); 
}

來源

2016-09-26 08:57:19

你還可以添加CSS屬性，而不需要寫新的類來覆蓋與實際

$(document).ready(function(){ 
    var condition = 1; 
    if(condition == 1){ 
    $('.rocToolbarButton').css('background-color', '#32b330;'); 
    } 
    else{ 
    $('.rocToolbarButton').css('background-color', '#25a0da;'); 
    } 
});

這工作如下：

$('cssSelector').css('property','value');

來源

2016-09-26 08:58:53 JoelBonetR

應用特定的CSS元素

回答

相關問題