We have a Kendo UI Grid that we've also defined a custom Kendo UI ContextMenu on and now we need to add Copy and possibly Paste and Cut Functionality. The issue is that when you select some text, then right click and bring up the context menu, your selection becomes cleared when you click on the Context Menu li. Is there some work-around for this?

We are having to do some horribly ugly stuff of copying the selection on the Menu's Activate event, copy the selected text into a hidden control, and select that text and copy it to the clipboard if they choose copy on the menu. This all seems very clumsy and like a bad work around. Is there a better way of doing this? Why does the Kendo Context Menu clear the selection? Is there some way to prevent that?

I have an angular definition for the KendoUI grid that is working perfectly except for no icons/graphics show on the grid. Here is the grid definition:

What files or css  do I need to show the graphics for filterable and the right and left arrows for pagination?

Hello

I have the following problem - I need to synchronize a diagram with a search field / combo box, such that both will have the same datasource, and when selecting/searching, the diagram focuses on the correct shape. The problem is, as far as I understand it `diagram.bringIntoView` can only take shape, not the dataItem that is associated with it. 

If I have the shape I can get the shape.dataItem, but in the combo box I only have the data item. Is there a way to ask the diagram "give me the shape for this data item"? Or is the only solution to save every shape in say `visualTemplate`, when it is created? 

Thanks.

Is there an option in the layered layout to specify number of layer skips per connection? 

For example, I want to have a root node "1", connected to two nodes "2" and "3", but such that "3" appears lower than "2". This data should come from the connection dataItem. 

Is this at all possible, with the Diagram API, or with some other workaround? 

Thanks.

Hi,

I am trying to build a diagram with clickable html links inside the shapes.

I could not find a way to do this.

Please help.

Regards

  I need to stop undo and redo service (for prevent shapes and connections ) in kendo diagram using jquery or javascript  .
In my project , i was form some shape with connections during drag event in kendo Diagram(refer image 1).then press ctrl+z ,last formed connection is lossed(refer image 2).
so i need to stop this undo and redo service.

How to stop these service in kendo diagram using jquery or javascript ?

Hi,

I need to use the kendo-ui grid with local data virtualization. And also, I need sorting functionality.

Your sample in Grid / Virtualization of local data shows 500.000 items in less than 1 second.

When I edit this sample in dojo (with adding 'sortable: true'), sorting the grid is resulting with nearly impossible scrolling (very slow).

Is there any acceptable way of using virtual scrolling (especially with local data) and sorting (and/or filtering) functionalities together?

Thanks.

Mahmut Zemheri

Hi,

I would like to have a private method that creates a Datasource to be used. This method can create a datasource either with a data object to send to the URL or one without a data object to send to the URL.

How can I go about achieving this?

   ChangeGridDataSource: function (newDatasourceUrl, gridName, dataToSend) {
            // Sets the grid to a new datasource and forces it to read
            var gridId;
            if (gridName[0] !== '#') {
                gridId = '#' + gridName;
            } else {
                gridId = gridName;
            }

            var newDataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: newDatasourceUrl,
                        type: 'POST',
                        dataType: 'JSON'
                    }
                },
                pageSize: 20,
                schema: {
                    model: {
                        fields: {
                            // the model fields have to specified that it is of a date type object.
                            dSECSYSTimeStampDate: { type: 'date' },
                            dExecutedDateValue: { type: 'date' },
                            dEffectiveDateValue: { type: 'date' }
                        }
                    },
                    data: 'Data',
                    parse: function (response) {
                        // This will parse the dates and transform it into the proper date format. This is done 
                        // after the date has been retrieved in a JSON format. This will allow the formatting of the dates
                        // to be done in the grids.
                        return Transactions.Methods.ParseDatesFromKendoGrid(response);
                    },
                    total: function (response) {
                        return response.Total;
                    }
                }
            });

            if (typeof dataToSend !== 'undefined') {
                // Does not seem to work.
                newDataSource.transport.read.data = dataToSend;
            }

            console.log(newDataSource);
            console.log(dataToSend);
            $(gridId).data('kendoGrid').setDataSource(newDataSource);
        },

I have the above and the line 'newDataSource.transport.read.data = dataToSend' doesn't seem to work for some reason. Is there a method that I can call or a different property that can be used to change a Data Object to send in side the data source?