剑道网格显示 rtl div答案

【问题标题】：Kendo grid show rtl div剑道网格显示 rtl div
【发布时间】：2015-03-01 13:56:48
【问题描述】：

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

我的剑道格子代码（简要）：

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

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

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

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

我想将 class="k-rtl" 添加到父 div，在 jquery 中是这样的

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

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

【问题讨论】：

标签： jquery filter kendo-ui right-to-left

【解决方案1】：

我必须在运行时抓取点击事件并应用 CSS 类：

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

【讨论】：

【解决方案2】：

你最初的想法是对的！

你应该使用类似的东西：

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

但试着先一步..

如果您没有 div 则无法添加类，那么您应该尝试查看事件。（当 div 存在时）

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

只是一个想法，在 document.ready（当 Kendo Grid 完全可见时，过滤器图像在列上时）您应该为点击过滤器图像添加一个事件处理程序。

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

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

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

【讨论】：