Question

我正在使用Telerik rad组织结构图。基本上我想根据条件应用某些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;}

我打算在NodeDataBound事件中执行此操作。任何建议表示赞赏。

感谢。

Answer 1

在您的页面上添加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);
}

Answer 2

您还可以添加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');

应用特定的css元素

2 个答案: