So I will try to explain my problem.

I have 2 multiselect components where second is filtered by first if first is set (if first is not set second one has full data access).

Lets say first data source is this ['a','b'].

and second data source is [1,2,3,4,5].

If selected item of first multiselect is 'a', second data source becomes [1,2,3]

If selected item of first multiselect is 'b' second data source becomes [4,5]

If there is none selected items in first multiselect then second data source becomes [1,2,3,4,5]

When i select item in second multiselect, lets say 2, and after that select in first multiselect item 'b', second multiselected items becomes [4,5] and old value 2 is gone. That is what i want and that is how it works now.

But my problem is when i *search* in second multiselect for an item 2, and after that i choose 'b' in first multiselect, that old value is still selected, he is not in options, and he is not in datasoruce but he is still selected and on submit i get his value too.

Want to show dyanmic kendotooltip (may be another view - lots of content) on image hover inside kendogrid

ex:

I am adding and icon here and want to show the tooltip

info.Bound(e => e.Id).Width(50).ClientTemplate("<img id='#= Id #' src='../Images/commandView.png' /><div id='TooltipContentDiv'></div>");

I am not sure but is this something I am trying but not working:

    $("#AjaxGrid").kendoTooltip({
        //filter: ".tooltipContent",
        filter: "td:nth-child(3)",
        width: "auto",
        position: "top",
        showOn: "click",
        autoHide: false,
        content: function (e) {
            var row = $(e.target).closest("tr");
            var dataItem = $('#AjaxGrid').data('kendoGrid').dataItem(row);
            Id = dataItem.Id
            $('#TooltipContentDiv').html("");
            $.ajax({
                url: "@Url.Action("GetToolTip1", "Tools")",
                data: { "Id": Id },
            cache: false,
            /async: true,
            success: function (result) {
                alert('yes');
                $('#TooltipContentDiv').html(result);
            },
            error: function () { alert('no');}
        });
    }
    }).data("kendoTooltip");

Any help is appreciated.

If there is full working example that will be great.

I might be on wrong path but please point me what is the easiet way to do whatever I want.

I have a kendo grid where each column is searcheable using the standard dropdown filter menu but there is also a master search bar at the top where the user can search across many columns at once.

I am using the technique described on http://www.telerik.com/forums/grid-search-feature to implement the custom search.

The problem I am encountering is that when I call .filter() on the grid dataSource to add my custom search filters from the master search bar, this causes the filter panels on each column to update and display the master search term. The user can then edit the search term from both the master search bar and the individual panels which gets confusing quite quickly.

How can I add my custom search functionality without having the grid replicate the search term in each column's panel?

The different remove and add sequencing, and the incomplete event firing for state change initiators, makes it difficult to write code for custom processing of items in connected listboxes.

Event order inconsistencies when list boxes are connected.

Drag and drop actions fire events source listbox remove followed by target listbox add

Toolbar command actions for moving fire events target listbox add followed by source listbox remove

Suggestion: have command actions sequence in the same way as drag and drop.

Drag and drop actions have an event dragend but there is no event for commandend

There are no toolbar events.

Suggestion: add toolbar or command events,

I have a grid with re sizable columns. 

column resizing is working properly in Chrome but not in explorer.

Below Js fiddle works fine in chrome but not in explorer(column resizing).

http://jsfiddle.net/xwsa7oom/

Please help.

Hi,

I'm using a template for the header of my column.  But now when I want to try to add grouping and drag my column to the group box I do not use the headertemplate but just shows the fieldname.

How can I make that the template is also used when they drag/group?

Hi,

I'm using virtual scrolling and pageSize 50 on my grid to increase performance.  But now I also want to enable grouping but then it only groups the items in the page not all items.

How can I make that all items are grouped?

These are the settings I'm using:

$("#grid").kendoGrid({
        autoBind: false,
        selectable: "multiple",        
        dataSource: {            
            schema: {
                model: {
                    fields: {

                         
                    }
                }
            }
            ,
            pageSize: 50
        },      
        height: 'auto',
        filterable: true,
        groupable: true,
        scrollable: {
            virtual: true
        },
        pageable: {
            numeric: false,
            previousNext: false          
        },
        sortable: true,
        columns:            
    });

hello,

I'm aware that the filters do not carry over using localStorage as the persistence method:

http://demos.telerik.com/kendo-ui/grid/persist-state

I'm currently doing this method of filter customization:

http://demos.telerik.com/kendo-ui/grid/filter-menu-customization

so when using the above system of persistence, the grid returns correctly, and the correct value is applied to the filter, but it is no longer a KendoDropDown menu, just a textbox.

I know using a HeaderTemplate you can restore basic Column header customization's, but I have not found anything that goes as deep as the whole filter menu. Only something as small as a button or checkbox such as this:

http://www.telerik.com/forums/persist-state-issues

So, is this possible to merge the first two demos into one? Maintaining the custom filter through grid persistence?

Thanks for any time spent,

-Corey

Hi,

I just upgraded from telerik.kendoui.professional.2017.2.621.commercial to kendoui.for.jquery.2017.3.913.commercial. When i hover over a menu item i receive the following error from the console:

SCRIPT5007: Unable to get property 'rootMenuItems' of undefined or null reference

Kind regards,

Marco