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?
Hello,
i need some help regarding a problem with the context-menu. i am total new with the framework so maybe my question sounds a little stupid. sorry for that.
When an entry in the context menu is clicked twice (kind of double-click) the app has a problem with the request that is still beeing executed by the first click.
So how can i disable a context menu-entry inside a click handler. We are using typescript.
The handler starts with
private OnMenuItemSelect(event: ContextMenuSelectEvent): boolean {
const item = $(event.item);
const menuItemId = this.GetMenuItemIdFrom(item);
if (menuItemId == null) {
return true;
}
const menuItem = this.GetMenuItemById(menuItemId);
if (menuItem == null) {
return true;
}
How can i access the clicked entry and disable it ?
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