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"); 
       });