Как добавить динамическую строку (с выпадающим списком в столбце), когда у нас уже есть опция редактирования, реализованная в сетке кендо

Question

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

Живой пример ссылка

То, что я ищу, - это когда я нажимаю кнопку добавления нового элемента в сетке, она должна добавить новую строку с заданными выпадающими значениями,

Я попытался добавить toolbar: ["create"] для создания новой панели инструментов. Внутри события, связанного с данными, я попытался зафиксировать нажатие кнопки и попытался добавить новую строку, но ничего не работает

dataBound: function (e) {
            $('.k-grid-add').unbind("click");

            $('.k-grid-add').bind("click", function () {
                dataSource.add({ brandId: 0, name: "" });
                var data = dataSource.data();
            });
        },

Может кто-нибудь помочь мне решить эту проблему?

Answer 1

Иногда вам нужно добавить data. в шаблоны, чтобы получить доступ к желаемому свойству данных.Измените ваши шаблоны на:

template: "#= brandName(data.brandId) #"

и

template: "#= modelName(data.modelId) #"

Демо