Блог

У меня есть сетка Kendo со списком, в котором установлен фильтр «содержит». Когда пользователь вводит мусор (он же значение, КОТОРОГО НЕТ в списке), я хочу сбросить фильтр и повторно выбрать последнее допустимое значение.

Я использую синтаксис Razor для создания сетки, а рассматриваемый выпадающий список представляет собой составной объект, использующий этот шаблон:

 @(Html.Kendo().ComboBoxFor(m => m)
        .Name("CurrentSalesRep")
        .Filter("contains")
        .DataValueField("Code")
        .DataTextField("Name")
        .BindTo((System.Collections.IList)ViewData["SalesReps"])
)
  

Пытаясь настроить определенные универсальные события для всех выпадающих списков на моем сайте, я запускаю процедуру jQuery на стороне клиента, которая настраивает события «фокус», «размытие» и «изменение» на основе селектора jQuery, который находит текстовое поле, отображаемое Kendo.

При фокусировке я сохраняю предыдущее значение, затем при размытии и изменении я хочу определить, является ли входное значение допустимым, а затем повторно выбрать предыдущее значение:

 function setupKendoComboBoxEvents(comboBox, parentContainer) {
    var cntrlId = comboBox.attr("Id");
    var $ctrl = comboBox;
    var $cbx = $ctrl.data("kendoComboBox");

    var input = $cbx.input;

    input.on("focus", function () {
        if ($cbx.select() !== -1) {
            $("#"   cntrlId).attr("data-prev-value", $cbx.select());
        }
        $cbx.value("");
        $cbx.open();
    });

    input.on("change", function (e) {
        if ($cbx.select() === -1) {
            $cbx.dataSource.filter([]);
            $cbx.select(parseInt($("#"   cntrlId).attr("data-prev-value")));
        }
    });

    input.on("blur", function (e) {
        if ($cbx.select() === -1) {
            $cbx.dataSource.filter([]);
            $cbx.select(parseInt($("#"   cntrlId).attr("data-prev-value")));
        }
    });
}
  

Теперь проблема. Это отлично работает для автономных выпадающих списков Kendo. Однако, когда я запускаю эту процедуру onGridEdit для выпадающего списка внутри сетки Kendo, фильтр, по-видимому, «сбрасывает» себя и повторно выбирает основное желаемое значение. Значение, которое передается для строки, сохраняет значение «мусора», и MVC не может повторно создать объект «CurrentSalesRep», что приводит к недопустимому ModelState.

Есть ли что-то особенное в сочетании сетки Kendo и Kendo ComboBox? Как я могу гарантировать правильный выбор в сообщении формы сетки?