Kendo ui 上下文菜单的KendoUI模板
我试图将上下文菜单连接到JSON数据源,但似乎无法设置模板 如果我有这样的数据源(如文档中指定的) 一切都很好,很漂亮(我想象它使用了一些默认模板) 但是,如果我尝试使用自己的模板,则所有内容都是未定义的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
<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
});
});