В сетке имя поля фильтра будет изменено на курсив

У меня есть сетка кендо и древовидное представление с флажками. В моем приложении сетка фильтруется на основе выбора флажка. Мое требование - когда мы проверяем флажок в древовидном представлении, затем фильтруем сетку, после фильтрации сетки заголовки отфильтрованных столбцов будут изменены на «курсив». Мой код дерева

                 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/


person user2049357    schedule 19.03.2013    source источник


Ответы (1)


Я много работал и нашел одно решение для вашего кода,

с одной строкой CSS :)

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

вот обновленная ссылка на скрипку: http://jsfiddle.net/RHh67/81/

Еноджи :)

Не уверен в кроссбраузерности, но работает нормально.

person MarmiK    schedule 19.03.2013