剣道UIマルチセレクションの丸薬を編集する方法

Question

剣道UIのマルチ選択では、特定のtagTemplatesを指定することができますが、丸薬自体ではなく、丸薬容器の内部だけを変更することができます。

誰かが選択したアイテムの実際の丸薬をカスタマイズする方法を知っているのだろうかと思います。

ありがとうございました。あなたは適切なセレクタにお好みのCSSスタイルを使用することができます

Answer 1

、すなわち

.k-multiselect li.k-button { 
    border-radius: 50px; 
    border-style: ridge; 
    border-width: 2px; 
    background-color: deeppink; 
} 

例：コメントに基づいてhttp://dojo.telerik.com/@Stephen/AyEKE

編集 CSSはに行く親セレクタを持っていません。 contentTagate自体にスタイルを適用することは、タグ全体を包含しないため、スタイルを適用する必要があるタグテンプレートから親の<li>に、を追加します。それは、しかし、JavaScriptを使用して行うことができます。

私は親項目のいくつかの任意の値に基づいて選択された項目の<li>に背景色を適用するには、いくつかのJavaScriptを実行するために複数選択の変更イベントにアタッチする例を更新しました。私の例では、CompanyNameをtagTemplateデータ値に追加し、javascriptトリガーを使用して名前に基づいて異なる色を適用しました。 、今

change: function (e) { 
        var selectedTags = $(".k-multiselect li.k-button"); 
        for (var i = 0; i < selectedTags.length; i++) { 
         var tag = $(selectedTags[i]); 
         var item = $(tag.find("span.selected-value")); 
         if (item.data("companyname") === "Alfreds Futterkiste") { 
         tag.css({ "background-color": "deeppink" }); 
         } 
         if (item.data("companyname") === "Ana Trujillo Emparedados y helados") { 
         tag.css({ "background-color": "green" }); 
         } 
         // ... 
        } 
        } 

：

は、アイテムの仕入含めるtagTemplateを更新：

tagTemplate: '<span data-companyname="#:data.CompanyName#"... 

を親ノードを検索し、スタイルを適用する複数選択に変更イベントハンドラを追加しましたこれは必ずしもjavascriptを実装するための最良の方法ではありませんが、私はあなたがは、javascriptを使用するを持っていると信じています。