Kendo ui 上下文菜单的KendoUI模板

Kendo ui 上下文菜单的KendoUI模板,kendo-ui,kendo-contextmenu,Kendo Ui,Kendo Contextmenu,我试图将上下文菜单连接到JSON数据源,但似乎无法设置模板 如果我有这样的数据源(如文档中指定的) 一切都很好,很漂亮(我想象它使用了一些默认模板) 但是,如果我尝试使用自己的模板,则所有内容都是未定义的 <script type="text/x-kendo-template" id="contextMenuTemplate"> <li data-action="#=onClickJavascript#"><img src="@Web_Helpers.Str

我试图将上下文菜单连接到JSON数据源,但似乎无法设置模板

如果我有这样的数据源(如文档中指定的)

一切都很好,很漂亮(我想象它使用了一些默认模板)

但是,如果我尝试使用自己的模板,则所有内容都是未定义的

<script type="text/x-kendo-template" id="contextMenuTemplate">
    <li data-action="#=onClickJavascript#"><img src="@Web_Helpers.StratosphereImageUrl("#=image#")" /> #=text#</li>
</script>

如何在剑道上下文菜单中使用模板?

模板
似乎没有实际记录:

当我尝试使用它时,它似乎去掉了元素,只留下了文本。


我浏览了一下源代码,但实际上没有看到任何地方会使用
模板
选项。由于它没有文档记录,我认为它不能正常工作,因为它不是真正要使用的。

您可以将HTML推送到上下文菜单的
文本属性中

$.each(data, function (key, value) {
    items.push({
        text: '<span data-action="' + value.OnClickJavascript + '">' + value.Text + '</span>',
        encoded: false,
        imageUrl: st.SharedContextMenuCommon.StratosphereGlobalImageUrl + value.Image
    });
});
$。每个(数据、函数(键、值){
推({
文本:“”+值。文本+“”,
编码:假,
imageUrl:st.SharedContextMenuCommon.StratosphereGlobalImageUrl+value.Image
});
});

有趣的发现,谢谢。我会伸出援助之手,看看我能想出什么。谢谢它保留文本,因为这是数据源中使用的默认值。
var dataSource = [{
            text: "bonjour",
            image: "@@Pencil_Icon",
            onClickJavascript: "alert('hello');"
}]

var menu = $("#contextMenu").kendoContextMenu({
               template: kendo.template($("#contextMenuTemplate").html()),
               dataSource: dataSource,

....
$.each(data, function (key, value) {
    items.push({
        text: '<span data-action="' + value.OnClickJavascript + '">' + value.Text + '</span>',
        encoded: false,
        imageUrl: st.SharedContextMenuCommon.StratosphereGlobalImageUrl + value.Image
    });
});