특정 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;} 

을 내가 생을 할 계획입니다 NodeDataBound 이벤트 내에서. 어떤 제안도 감사합니다.

감사합니다.

Answer 1

버튼 색상을 변경하는 페이지에 JS를 추가하고 ScriptManager을 사용하면 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 이벤트 실제 하나

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

다음과 같이 작동합니다.

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