特定のCSS要素を適用する

Question

私はTelerik rad orgチャートを使用しています。基本的には、条件に基づいて特定のCSSスタイルを適用したいと思います。そうcondition == 1はその後、これを適用した場合と言って、

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

しかし、私は背後に条件付きでコードを経由してこれを行う方法を見つけ出すことはできません：

私は、CSSスタイルをオーバーライドする方法を考え出した

エルス

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

これを適用します。

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

を私はTHIを行うことを計画していますsをNodeDataBoundイベント内に挿入します。任意の提案が高く評価されました。

ありがとうございました。

Answer 1

ボタンの色を変更するページにJSを追加し、次にScriptManagerを使用して、このjavascriptをnodedataboundイベントから起動できます。

追加JS

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

ます。また、上書きする新しいクラスを記述することなく、CSSプロパティを追加することができます

protected void RadTreeView_OnNodeDataBound(object sender, RadTreeNodeEventArgs e) 
{ 

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

Answer 2

NodeDataBoundイベント実際の1

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

これは次のように機能します：

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