Отключение анимации для фильтрации столбца в KendoGrid

Question

Поскольку я использую KendoUI для разработки моего приложения. Я использовал Multiple Grid в своем приложении. Моя проблема в том, что я хочу отключить параметр анимации для фильтра, который есть, когда мы нажимаем на каждый столбец для фильтра меню слайд вниз дает нам различные опции для фильтрации. Я хочу отключить анимацию, когда я нажимаю этот столбец для фильтрации, этот параметр не должен скользить вниз. Здесь я добавляю изображение.

Answer 1

Я не думаю, что для этого есть «официальные» параметры конфигурации. Вы можете отключить его для всех всплывающих окон, как это:

kendo.ui.Popup.fn.options.animation.open.duration = 0; 
kendo.ui.Popup.fn.options.animation.close.duration = 0; 

(demo)

Обратите внимание, что это будет влиять на другие виджеты, а также (например, выпадающие внутри меню фильтра), так что вам может понадобиться явно установите конфигурацию анимации для тех, если вам это нужно. укрепляющих бы установить анимацию для всех меню фильтров (есть одна на колонку), например, как это:

$(".k-grid-header").find("th").each(function() { 
    var menu = $(this).data("kendoFilterMenu"); 
    var init = menu._init; 
    menu._init = function() { 
     init.apply(this, arguments); 
     this.popup.options.animation.open.duration = 0; 
     this.popup.options.animation.close.duration = 0; 
    }; 
}); 

(demo)

Answer 2

выше ответ был полезным для меня, однако для как мы использовали сетку кендо, в меню столбцов сетки появилось еще одно подменю (см. здесь http://demos.telerik.com/kendo-ui/grid/column-menu). Оказывается, хотя в исходном раскрывающемся списке есть тип Kendo «Popup», подменю имеет тип Kendo «Меню». Так что если вы хотите подменю, не имеют анимации, вы бы добавить эти строки:

kendo.ui.Menu.fn.options.animation.open.duration = 0; 
kendo.ui.Menu.fn.options.animation.close.duration = 0; 

В качестве альтернативы, вы можете отключить анимацию с стенографии анимации = ложной, так что конечный результат может быть:

kendo.ui.Popup.fn.options.animation = false; 
kendo.ui.Menu.fn.options.animation = false; 

Снова обратите внимание, что это отключит анимацию для всех всплывающих окон и меню.