How to open kendo menu from hyperlink?

Question

0.00/5 (No votes)

See more:

I want to open kendo menu by clicking hyperlink instead of mouse Hover on kendo menu....

[Add New Condition]

JavaScript:

JavaScript

function check() {
        //alert('check')
        var myContextMenu = $("#Menu").kendoContextMenu({
            //target: "#target",
        }).data("kendoContextMenu");
        //$("#idItem").click(function (e) {
        //    myContextMenu.open();
        //});
    }

@(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"))

)

Posted 28-Dec-15 1:14am

Sathish km

Add a Solution

Comments

Raje_ 28-Dec-15 7:25am

Repeating your question will not help. You should have improved your last question.
http://www.codeproject.com/Questions/1067444/How-to-open-kendo-menu-from-hyperlink-clickevent-n
Any ways check this thread :
http://www.telerik.com/forums/menu-onclick-open-close

2 solutions

Solution 1

Found your answer from this link buddy

Kendo UI Context Menu example[^]

And also this link can be very useful for you at the end of the day dude.

MVVM support in Kendo UI Menu[^]

And you can also follow this one

Basic usage of Kendo UI Menu Navigation widget | Kendo UI Web demo[^]

Posted 28-Dec-15 1:23am

kendokumar

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Raje_ · Accepted Answer · 2015-12-28T01:34:00

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))

And by setting openOnClick to true.

[Edit]
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.