在運行時更改KendoPanel的顏色

我正在使用KendoPenel顯示一些數據，並希望展開特定的面板並在運行時更改其顏色有一些問題。在運行時更改KendoPanel的顏色

我能夠選擇面板，並使用下面的代碼展開：

function ExpandItemInPanelBar() { 
     var panelBar = $("#KendoPanel3").data("kendoPanelBar"); 
     // I have set 0 in 'eq(0)' so it will expand first item you can change it as per your code 
     panelBar.select(panelBar.element.children("li").eq(2)); 

     var item = panelBar.select();   
     panelBar.expand(item); 
     item.addClass('myClass') 

    } 

    .myClass 
{ 
    background-color: red; 
}

不過雖然item.addClass（「MyClass的」）看來，因爲當我將鼠標懸停在該項目元素生效調試器，它有「MyClass添加」類，但它聽起來像不會正確更改背景顏色。我是否需要爲特定更改生效做任何特殊的事情？

來源

2016-09-27 TeaLeave

嘗試使用item.find（「li」）將其添加到相應的'li'。addClass（'myClass'）' – Vijai

我試過了，但它似乎沒有工作 – TeaLeave

如果要更改顏色您需要將展開後的面板添加到裏面的span中，因爲這是前面的元素。 – calinaadi

http://dojo.telerik.com/@Stephen/IXEfe

你需要讓你的風格選擇更具體，因此覆蓋所有其他背景色規則，這個選擇將取決於面板的內容。

在我的例子，我做了樣式選擇

ul.k-panelbar > li.myClass > div 
{ 
    background-color: red; 
}

如果你只是樣式添加到li元素（你的「項目」），不覆蓋的div的背景構成內容。通過增加樣式規則的特殊性，它將覆蓋其他樣式。

來源

2016-09-27 13:07:40

在運行時更改KendoPanel的顏色

回答

相關問題