谁能帮帮我们。我们的客户希望在“备注”旁边的剑道面板栏的标题上有一个剑道菜单。我们怎样才能做到这一点?非常感谢!
下面是我们的代码:
@(Html.Kendo().PanelBar()
.Name("AnnotationRemarks")
.HtmlAttributes(new { @class = "pnlAnnotationRemarks" })
.Items(items =>
{
items.Add()
.Text("Instructions")
.HtmlAttributes(new { @class = "annotationPanelHeader" })
.Content(@<text> @(InstructionsList()) </text>);
items.Add()
.Text("Remarks")
.HtmlAttributes(new { @class = "annotationPanelHeader" })
.Content(@<text> @(RemarksList()) </text>
);
})
.ExpandMode(PanelBarExpandMode.Multiple)
.Events(e =>
{
e.Expand("OnPanelExpand");
e.Collapse("OnPanelCollapsed");
})
.Animation(a =>
{
a.Collapse(c => c.Duration(0));
a.Expand(e => e.Duration(0));
})
)
最佳答案
尝试以下操作:
@(Html.Kendo().PanelBar()
.Name("AnnotationRemarks")
.HtmlAttributes(new { @class = "pnlAnnotationRemarks" })
.Items(items =>
{
items.Add()
.Text("Instructions")
.HtmlAttributes(new { @class = "annotationPanelHeader" })
.Content(@<text> @(InstructionsList()) </text>);
items.Add()
.Text("Remarks")
.HtmlAttributes(new { @class = "annotationPanelHeader" })
.Content(@<text> @(RemarksList()) </text>);
items.Add()
.Text("Menu")
.HtmlAttributes(new { @id = "annotationPanelHeaderMenu" })
})
.ExpandMode(PanelBarExpandMode.Multiple)
.Events(e =>
{
e.Expand("OnPanelExpand");
e.Collapse("OnPanelCollapsed");
})
.Animation(a =>
{
a.Collapse(c => c.Duration(0));
a.Expand(e => e.Duration(0));
}))
还有 jQuery 部分:
$(document).ready(function () {
$("#annotationPanelHeaderMenu").html('<ul id="menuExample"><li>Test1</li><li>Test2</li><li>Test3</li></ul>')
$("#menuExample").kendoMenu();
});
据我所知,没有针对纯 mvc 包装器的解决方案。
关于javascript - 是否可以在 Kendo Panelbar 标题上添加 Kendo 菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44815747/