Hi,

as the title says i'm trying to open an alert on the Select Event of a kendoContextMenu, but the alert is shown only after the Select function is completed, is it possible to show an alert as soon as the user clicks on the ContextMenu option (at the start of the Select Event)?

Below the Select Event of my code:

 select: function (e) {
     alert("Test Alert"); //This one appears only after that the Select function ends, but i'd want it to appear as soon as the select function starts

    //MY CODE
}

Thanks in advance,

- Antonio

Kendo Javascript : Toolbar is not working as expected on the previous version of KendoUI , It was working fine. On this example if I am trying to add "Add Sub Project" on template of toolbar, Still it is showing default "Add new record" on the screen. Functionality is working fine only the issue with toolbar template.

I'm trying to create a kendo menu that stays inside a bootstrap responsive grid. I don't want to set an explicit width, but allow users to scroll when items don't fit in the screen width.

Example: https://dojo.telerik.com/EJojofaD/6

When I try to click on a sub menu item, it closes too soon. When I remove the 'scrollable' property, clicking on child items works, but the menu overflows its containers.

How can I have a menu that stays inside a bootstrap grid column without specifying a width explicitly, and still be able to?

Hi, 

The menu widget has an 'enable()' function, is there a similar way to hide a menu item the same way?

Thanks,
Grant

Hi,

I have Menu component in my app, and it is dynamically filled in depending on a few parameters. As a result, I can have 4-5 menus and each of them 10-20 sub-options. 

I would like to implement "search" option for the menu.

I tried implementing datasource filter, but for some reason it always filters only 0-level and not children or their subelements.

I used standard datasource filter with field name, contains clause and value.

Am I doing something wrong or there is some better approach for this?

Thank you and regards,

Vedad

Hi everyone, I would like to ask for your help.
I would like to hide the SubItems when the drawer is in mini mode, if I click on each element.

Thanks in Advance

https://dojo.telerik.com/ejapuWiB/3

Dayan K

I am using Kendo UI for JQuery and need to create a data-bound Kendo menu. By data bound, I mean that the items need to be data bound to an array property of a Kendo observable. The issue is that it appears that MVVM binding messes up formatting and functionality of the items. Here is my code (based on the example found in Kendo's documentation) :

<div id="example">
<div class="demo-section k-content">
    <div>
        <h4>Select an item</h4>
        <ul  data-role="menu"
            data-bind="events: { select: onSelect },
                        visible: isVisible"
            style="width: 100%;">
            <li>
                Products
                <ul data-template="menu-item-template" data-bind="source: items">
                </ul>
            </li>
        </ul>
    </div>
</div>

<script id="menu-item-template" type="text/x-kendo-template">
  <li data-bind="text: text"></li>
</script>

<script>
    var viewModel = kendo.observable({
        isVisible: true,
        items: ["Product1", "Product2", "Product3"],
        onSelect: function (e) {
            var text = $(e.item).children(".k-link").text();
            kendoConsole.log("event :: select(" + text + ")");
        }
    });
    kendo.bind($("#example"), viewModel);
</script>
<style>
    .demo-section .box-col li {
        margin-bottom: 0;
    }
</style>

The result of executing this code looks like this:

Notice how the formatting of the items is messed up (no margins, etc.).

Do you know what's the proper way to combine data binding and Kendo menu?

Thank you!

Hello,

I'm using a kendoMenu item as a toolbar option in a kendo grid. This worked fine until one of the newer releases and the animated dropdown panel now shows behind the grid as shown here:

https://jsfiddle.net/k1d4aufr/

Previous versions of kendo did not have this problem:

https://jsfiddle.net/jddevight/Ltgvk2sf/

I've tried setting the z-index on the animated panel and nothing works. Any ideas?

Thanks,

Matt