如何从超链接打开kendo菜单？ [英] How to open kendo menu from hyperlink?
问题描述
我想通过在剑道菜单上点击超链接而不是鼠标悬停来打开剑道菜单....
[添加新的条件]
JavaScript：
I want to open kendo menu by clicking hyperlink instead of mouse Hover on kendo menu....
[Add New Condition]
JavaScript:
function check() {
//alert('check')
var myContextMenu = $("#Menu").kendoContextMenu({
//target: "#target",
}).data("kendoContextMenu");
//$("#idItem").click(function (e) {
// myContextMenu.open();
//});
}
@（Html.Kendo（）。菜单（）
.Name（菜单）
。项目（项目） =>
{
items.Add（）
.Text（客户）
。项目（children =>
{
children.Add（）。文字（公司名称）
。项目（innerChildren =>
{
//innerChildren.Add().Text(\"Tables& Chairs）。Text（Html.CheckBox（test）。ToHtmlString（）） .Encoded（false）;;
innerChil dren.Add（）。文字（公司ID）;
//innerChildren.Add().Text(\"Occasional Furniture）;
}）;
children.Add（）。文字（员工姓名）
。项目（innerChildren => ;
{
innerChildren.Add（）。文本（员工ID）;
//innerChildren.Add（）。文本（ 投掷）;
}）;
children.Add（）。文字（工作 ）
.Items（innerChildren =>
{
innerChildren.Add（）。Text（Job Desc）;
//innerChildren.Add().Text(\"Kids Storage）;
}）;
children.Add（）。文字（货币）
。项目（ innerChildren =>
{
innerChildren.Add（）。Text（Description）;
//innerChildren.Add（）。文字（表格）;
}）;
}）;
}）
。活动（e => e。打开（打开）。关闭（关闭）。选择（选择）。激活（激活）。取消激活（取消激活））
）
@(Html.Kendo().Menu()
.Name("Menu")
.Items(items =>
{
items.Add()
.Text("Customer")
.Items(children =>
{
children.Add().Text("Company Name")
.Items(innerChildren =>
{
//innerChildren.Add().Text("Tables & Chairs").Text(Html.CheckBox("test").ToHtmlString()).Encoded(false);;
innerChildren.Add().Text("Company Id");
//innerChildren.Add().Text("Occasional Furniture");
});
children.Add().Text("Employee Name")
.Items(innerChildren =>
{
innerChildren.Add().Text("Employee Id");
//innerChildren.Add().Text("Throws");
});
children.Add().Text("Job")
.Items(innerChildren =>
{
innerChildren.Add().Text("Job Desc");
//innerChildren.Add().Text("Kids Storage");
});
children.Add().Text("Currency")
.Items(innerChildren =>
{
innerChildren.Add().Text("Description");
//innerChildren.Add().Text("Table");
});
});
})
.Events(e => e.Open("open").Close("close").Select("select").Activate("activate").Deactivate("deactivate"))
)
推荐答案
（ #Mode ）。kendoContextMenu（{
// target：＃target，
}）。data（ kendoContextMenu）;
//
("#Menu").kendoContextMenu({ //target: "#target", }).data("kendoContextMenu"); //
（＃idItem）。click（ function（e）{
// myContextMenu.open（）;
// }）;
}
("#idItem").click(function (e) { // myContextMenu.open(); //}); }
@（Html.Kendo（）。菜单（）
.Name（菜单）
.Items（items =>
{
items.Add（）
.Text（Customer）
。项目（儿童=>
{
children.Add（）。文字（公司名称）
。项目（innerChildren =>
{
//innerChildren.Add().Text(\"Tables& Chairs）。Text（Html.CheckBox （test）。ToHtmlString（））。编码（false）;;
innerChildren.Add（）。文字（公司ID）;
//innerChildren.Add().Text(\"Occasional Furniture）;
}）;
children.Add（）。文字（员工姓名）
。项目（innerChildren => ;
{
innerChildren.Add（）。文本（员工ID）;
//innerChildren.Add（）。文本（ 投掷）;
}）;
children.Add（）。文字（工作 ）
.Items（innerChildren =>
{
innerChildren.Add（）。Text（Job Desc）;
//innerChildren.Add().Text(\"Kids Sto愤怒）;
}）;
children.Add（）。文字（货币 ）
。项目（innerChildren =>
{
innerChildren.Add（）。文字（描述）;
//innerChildren.Add().Text(\"Table）;
}）;
}）;
}）
。事件（e => e。打开（打开）。关闭（关闭）。选择（选择）。激活（激活）。取消激活（取消激活））
）
@(Html.Kendo().Menu()
.Name("Menu")
.Items(items =>
{
items.Add()
.Text("Customer")
.Items(children =>
{
children.Add().Text("Company Name")
.Items(innerChildren =>
{
//innerChildren.Add().Text("Tables & Chairs").Text(Html.CheckBox("test").ToHtmlString()).Encoded(false);;
innerChildren.Add().Text("Company Id");
//innerChildren.Add().Text("Occasional Furniture");
});
children.Add().Text("Employee Name")
.Items(innerChildren =>
{
innerChildren.Add().Text("Employee Id");
//innerChildren.Add().Text("Throws");
});
children.Add().Text("Job")
.Items(innerChildren =>
{
innerChildren.Add().Text("Job Desc");
//innerChildren.Add().Text("Kids Storage");
});
children.Add().Text("Currency")
.Items(innerChildren =>
{
innerChildren.Add().Text("Description");
//innerChildren.Add().Text("Table");
});
});
})
.Events(e => e.Open("open").Close("close").Select("select").Activate("activate").Deactivate("deactivate"))
)
您可以尝试以下代码：
菜单onClick打开& amp; amp;关闭 - 菜单 - Kendo UI论坛 [ ^ ]
它说：
对于那些想要点击打开的人/关闭功能，我通过从kendo.all.min.js注释掉这段代码来实现它：
You can try this code :
Menu onClick Open & Close - Menu - Kendo UI Forum[^]
It say's :
For those wanting click-only open/close functionality, I achieved it by commenting out this code from kendo.all.min.js:
(!c.options.openOnClick||c.clicked)&&!N(b.currentTarget,b.relatedTarget)&&e&&c.open(d),c.options.openOnClick&&c.clicked&&d.siblings().each(g(function(a,b){c.close(b)},c))
并将 openOnClick 设置为true。 />
我认为上面的功能已添加到新的剑道中。你可以试试下面的代码，看看它是否有效：
And by setting openOnClick to true.
I think above feature has already been added in new kendo. Could you please try below code and see if it works :
@(Html.Kendo().Menu()
.Name("menu")
.OpenOnClick(true) //add this method to enable click feature
)
祝你好运。
Good luck.
这篇关于如何从超链接打开kendo菜单？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
