Kendo grid show rtl div

Question

我正在使用可过滤列的Kendo网格。点击过滤图片时，会出现一个没有任何关联类的新div。我的问题是添加“k-rtl”类到这个div。

我的剑道电网代码（简单）：

columns: [ { 
     field: "Title", 
     title: "Title", 
     filterable: { 
     ui: titleFilter 
     } 
    } 
] 

function titleFilter(element) { 
        element.kendoAutoComplete({ 
         dataSource: titles 
        }); 
       } 

这里是点击过滤器按钮后，生成的代码：

<div> 
    <div class="k-filter-help-text" ....> 
    </div> 
</div> 

我要添加类= “K-RTL” 父DIV ，像这样的jquery

$(".k-filter-help-text").parent().addClass("k-rtl"); 

我该怎么做？上面提到的JQuery不起作用，因为当执行document.ready（）时，没有这样的div元素。

Answer 1

你最初的想法是对的！

你应该使用类似：

$(".k-filter-help-text").parent().addClass("k-rtl"); 

但尽量使前一步..

如果您还没有一个div您不能添加类，那么你应该尝试看事件。 （当DIV存在）

第一个例子上：http://api.jquery.com/toggleClass/

只是一个想法，在的document.ready（当剑道电网是完全可见，超过列过滤图像），你应该添加事件处理程序用于点击过滤图片。

$(document).ready(function { 
    $("identifier").click(function() { 
     // add class code 
    }); 
}); 

您可以使用“.k-grid-filter”作为标识符。

我希望能有所帮助，请告诉我！

Answer 2

我不得不在运行时抓住click事件并应用CSS类：

$(".k-grid-filter").on("click", $(".k-filter-help-text").parent(), function() { 
        $(".k-filter-help-text").parent().addClass("k-rtl"); 
       });