Question

我有带有复选框的kendo网格和树视图。在我的应用程序中，网格是根据复选框选择进行过滤的。我的要求是当我们在树视图中检查复选框，然后过滤网格时，过滤网格过滤后的列标题将变为＆＃34;斜体＆＃34; .my treeview代码

                 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/

Answer 1

我做了很多工作，并为您的代码找到了一个解决方案，

使用一行CSS：）

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

这里有更新的小提琴链接：http://jsfiddle.net/RHh67/81/

Enojy：）

不确定跨浏览器兼容性，但工作正常。

在网格过滤器中，字段名称将更改为斜体字体

1 个答案: