jquery - 剑道上下文菜单：数据源未更新

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' });