Как изменить фильтр в сетке Kendo UI?

У меня есть сетка кэндо с фильтром по умолчанию, и я хотел бы внести небольшую модификацию.

Введите описание изображения здесь

В выпадающем списке у нас есть различные ограничения ("начинается с", "содержит" и т. д.).
А я хочу вот чего:

  1. установить 'selected' для 'Contains' по умолчанию
  2. При загрузке поместите фокус в поле ввода прямо под выпадающим списком.

Спасибо!

1 2
javascript jquery kendo-ui kendo-grid

1 ответ:

Для того, чтобы сделать некоторый оператор default, вы должны просто изменить порядок в параметрах фильтра: 

filterable: {
                        extra: false,
                        operators: {
                            string: {
                                contains: "Contains"
                                eq: "Is equal to",
                                neq: "Is not equal to"
                            }
                        }
                    }

А для фокусировки на текстовом поле можно использовать filterMenueInit Event. Для вашего случая это будет выглядеть так: 

filterMenuInit: function(e) {
    var popup = e.container.data("kendoPopup");
    popup.bind("activate", function (e) {
        this.element.find("input").focus();
    });
}

Сначала нужно выбрать KendoWidget для фильтра - kendoPopup. После этого вы привязываете функцию к событию, которое срабатывает после того, как popup полностью загружен - activate событие. И в функции вы обновляете состояние Управления по мере необходимости.

1