Контекстное меню кендо: источник данных не обновляется

Question

Мы пытаемся добавить пункт контекстного меню динамически. Но если мы добавляем элемент в контекстное меню, он не добавляется в источник данных контекстного меню, он добавляется только в меню. Нам нужно добавить элемент в источник данных. Как решить эту проблему?

скрипт

    $(document).ready(function () {
        var menu = $("#context-menu").kendoContextMenu({
            target: "#test",
            dataSource:[{ text: "item 1", key: "item1" },{ text: "item 2", key: "item2" }]
        }).data("kendoContextMenu");
        menu.append({ text: "item 3", key: "item3" })
    });

HTML

 <div id="wrapper">
   <div id="test">Right Click Me!</div>
</div>
<ul id="context-menu"></ul>

Answer 1

Несмотря на то, как вы инициализировали его в коде, объект Kendo UI DataSource не является массивом. Чтобы добавить элемент данных к нему, вы должны использовать его add() метод. Справочник по API.

menu.dataSource.add({ text: 'item 3', key: 'item3' });