3

剣道グリッドとチェックボックス付きのツリービューがあります。アプリケーションでは、チェックボックスの選択に基づいてグリッドがフィルタリングされます。私の要件は、ツリービューでチェックボックスをオンにし、グリッドをフィルタリングした後、グリッドをフィルタリングすることです。フィルタリングされた列のヘッダーは「イタリック」に変更されます。私のツリービューコードは

                 var tree = $("#treeview").kendoTreeView({
                  checkboxes: {
             checkChildren: true
              }, 

 dataSource: [{
     id: 1,
     text: "My Project",
     expanded: true,
     spriteCssClass: "rootfolder",
     items: [{
         id: 2,
         text: "OrderID",
         expanded: true,
         spriteCssClass: "folder",
         items: [{
             id: 3,
             text: "10248"
         }, {
             id: 4,
             text: "10249"
         }, {
             id: 5,
             text: "10250"
         }, {
             id: 6,
             text: "10251"
         }, {
             id: 7,
             text: "10252"
         }]
     }

     ]
 }]
      }).data("kendoTreeView");

私のフィドルはhttp://jsfiddle.net/RHh67/79/です

4

1 に答える 1

3

私は多くのことを行い、あなたのコードに対する1つの解決策を見つけました。

1行のCSSで:)

.k-filterable a.k-grid-filter.k-state-active ~ .k-link{font-style:italic;}

ここに更新されたフィドルリンクがあります：http：//jsfiddle.net/RHh67/81/

Enojy :)

クロスブラウザの互換性はわかりませんが、正常に機能します。

于 2013-03-19T09:34:04.250 に答える