0

KendoPenel を使用して一部のデータを表示し、特定のパネルを展開してデータの実行時に色を変更したいのですが、問題があります。

次のコードを使用して、パネルを選択して展開できます。

 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 が追加されました」というクラスがありますが、背景色が正しく変更されないように聞こえます。その特定の変更を有効にするために何か特別なことをする必要がありますか?

4

1 に答える 1

1

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

スタイルのセレクターをより具体的にして、他のすべての背景色ルールをオーバーライドする必要があり、このセレクターはペインのコンテンツに依存します。

私の例では、スタイルセレクターを作成しました

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

スタイルを li 要素 (「アイテム」) に追加するだけの場合、コンテンツを構成する div の背景を上書きしません。スタイル ルールの特異性を高めることで、他のスタイルをオーバーライドします。

于 2016-09-27T13:07:40.990 に答える