I want to use the grid in a CSS flex layout with nested flex containers.  However the grid expands the flex item and the scrollbars are therefore missing (IE11 latest):

http://runner.telerik.io/fullscreen/iHugEV/16

What's going wrong here?

I have a treeList inside a kendoUI window with a "Close" button, with two HierarchicalDataSource objects (one will load the remote data, one will load local data). 

I change between datasources with .setDataSource().

The first time I will open the window, I will load my data from the remote url source.
I use the dataBound event and $('#treeLIst').data("kendoTreeView").dataSource.data() to dump all the data items and store them in memory if a new item is appended.

Then I will close the window and on close the $('#window').data('kendoWindow').destroy() will run.

If I open the window again I will check if the memory variable has any data and will read from the local HierarchicalDataSource.
I used console.log to see the current HierarchicalDataSource and there are no url settings there so that means that the correct data source is read, but in my Chrome's network tab all the xhr requests from the HierarchicalDataSource being resent. also when I use the .append([dataObject], selectedNode) it will append the data object properly properly but multiplied the times I closed and reopened the kendo window. So if I close and open the window twice, 2 items will be appended and so on...

My guess is that the that the first HierarchicalDataSource is never really destroyed and each time I close and open the window it will be bound to my treeList even if the the treeList element has a totally different id.

Check the following scenario:

1. Go to the following http://dojo.telerik.com/uwUno

2. Click on "Chai" (first cell)

3. Enter <enter> in keyboard. The grid jumps up.

How can we disable this?

Is there anyway to overwrite the default styles for this class? I have a stylesheet which includes

.k-animation-container {
width: 500px;
max-height: 50%;
overflow: scroll;
}

but it is overwritten by something inside Kendo.

I need my validation lists in my spreadsheet to be wider, and it's not possible if the container element has its width set by something inside the Kendo framework.

Thanks!

Hi guys,

I have a MVVM grid. it has a save event to update some columns by edit another column, but only while refresh() run they are updated and shown in the grid, which is very not user friendly. Could you tell me how to update these and won't refresh the whole grid so that the scroll won't be moved? Thanks.

Here is my code:

 changeApprovedFOB: function (e) {
        debugger;
        var data = e.model;
        if (e.values.APPROVED_FOB != undefined) {
            data.QUOTATION_PREMIUM_DISCOUNT = data.MANUAL_FOB == 0 ? 0 : (Math.round((data.QUOTATION_FOB - data.MANUAL_FOB) / data.MANUAL_FOB) + "%");

            if (e.values.APPROVED_FOB != 0) {
                data.APPROVED_PREMIUM_DISCOUNT = data.MANUAL_FOB == 0 ? 0 : (Math.round((e.values.APPROVED_FOB - data.MANUAL_FOB) / data.MANUAL_FOB) + "%");
            }

            this.QuotationDataSource.pushUpdate(data);

            $('#Grid').data('kendoGrid').refresh();
        }
        else {
            this.QuotationDataSource.pushUpdate(data);
        }
    }

Hi.

I need to customize clasicall colum menu of grid. Insted of him i need to show his "Filter" - submenu.. But only on some columns. I solved this by cobe below:

This solution works like I expected, but there is problem with doubled request to server for column fiter data. First request is made before columMenuInit event (thid fill with data filter submenu) and inicialization of kendoFilterMenu / kendoFilterMultiCheck in columMenuInit event cause second request.

Is there some way how to do only one request ? Or is there any other solution how to achieve desired behaviour  ?

Thanks!

if I specify an angular directive in the shape template, it gets lost from the rendered SVG. For example, I have a html template for shape like this:

<script id="template" type="text/x-kendo-template">
<div ng-model="eBDiagram.task"></div>
</script>

in shapeDefaults.visual:

        visualShapeTemplate = options => {
            // Render template and bind it to the current data item
            var dataItem = options.dataItem.content;
            var renderElement = $('<div />').appendTo('body');

            // Import the Drawing API namespaces
            var draw = kendo.drawing;

            // Compile the shape template
            var contentTemplate = kendo.template($('#template').html());
            renderElement.html(contentTemplate(dataItem));

            // Create a new group that will hold the rendered content
            var output = new kendo.drawing.Group();
            draw.drawDOM(renderElement, null)
                .then(group => {
                    output.append(group);

                    /* Clean-up */
                    renderElement.remove();
                });

            var visual = new kendo.dataviz.diagram.Group();
            visual.drawingElement.append(output);

            return visual;
        }

but data isn't bound through 'ng-model' in the resulting SVG. I even tried explicitly to link the scope variable with the template, but no data appeared in the resulting SVG:

            if (renderElement) {
                .$compile(renderElement)($scope);
            } 

Is there a way (like Excel does) to show summary stats when users select multiple cells? Excel shows count & sum at the bottom of the sheet on the right hand side.

Thanks!