By default Kendo Grid places a new created item/row at top of the grid in batch / incell edit mode. When saved the item remains top. The items count is increased in this case.
A click on Cancel puts the new item to the end of the grid and the items count is decreased.
There is just a work-around which stops the propagation of the cancel event when the datasource has no chances (thanks to Petur). 
That should be the standard behaviour.

Can we please have a way to save and retrieve the raw html formatted as we'd like.

Currently it does not matter how you write the raw html, it will come back in an unusable blob of html

I want to be able to change whether a grid is scrollable, as its datasource grows or shrinks, without having to destroy and recreate it, and I want to control whether the columns are equal width or auto-sized, independently of whether it's scrollable. I also want to change its height, and turn on and off the option that lets it auto-size itself.

(Also I'm running into a similar issue with charts, where I can't change the tooltip template after it's set.)

It would be great to have a couple of CSS classes to do customization of the style of scrollbars in Kendo UI Web controls (multi-browser) because otherwise its really complicated to integrate javascript plugins to do this in the Kendo UI structure.

When using a template for Grid PDF export, usage of AngularJS scope variables should be possible, e.g. to customize the title.

When grid column is hidden template code is still being executed. For large data sets with many hidden columns this makes grid scroll slower than is necessary...
{ id: 'Artist', title: Columns.ARTIST, field: Columns.ARTIST, width: '100px', hidden: true,
	template: function (dataItem) //this gets executed even when column is hidden. 
	{
		return someMethodToDetermineArtrist(dataItem);
	}
}

This currently causes the locked columns to not line up with the rest of the grid.  See http://dojo.telerik.com/eZasA/2 and http://www.telerik.com/forums/column-locking-row-heights-not-matching#KsWBJy4lGkafpkwZxUYRVw

Add "matches" operator (Regular Expression) both on FilterCell as well as on Filter Menu for strings.

Implementation should take into account  Javascript rules for Regular Expressions.

Hi Guys,

It would be nice to have GridColumnAttachment field for Kendo ui grid like in Telerik RadControl

With out using the group column header(columns.columns). it is better to enable one option to keep some of the columns locking together in the grid. If you reorder one column other columns should move with it like that. When we use the columns.columns option we can't find the columns under that header using the column Index (column[index]) option.

Current, if one were to use the Kendo Grid in UI for MVC, there's no way to bind the datasource using Ajax binding and specify server side parameters to the read function in the controller.

In many cases, the read function on the controller side will use a primary key to do a select statement to get particular details of a model to render.

This is relatively simple to keep track of on the javascript side and server side when there's just one grid, as we can use a hidden input and always update it's value from the model.

However, when we have an array of grids, and an array of primary keys for the grids, this is very difficult to keep track of which read function corresponds to which grid.

The only solution is to generate multiple javascript read functions with the primary key baked into the names and in the bodies of the functions on the server side, which is ugly and not optimal for security.

    @foreach(var modelID in Model.ModelIDs)

    var readFunction = "function modelStatsReadData_" + modelID + "()";
    <text>
    @readFunction
    {
        return {
            modelID: @modelID
        }
    }
    </text>
    } @*end foreach loop*@


@foreach(var model in Model.Models) 
{
....

                    .DataSource(dataSource => dataSource
                    .Ajax()
                    .Model(model =>
                    {
                        model.Id(m => m.ID);
                    })
    				.Read(read => read.Action("FlowPlanDetails_Read", "SubmitFlow").Data("flowPlanReadData_" + @model.D))

}


This is solvable if we do server side binding for the datasource, as we can pass route values. But that is an entirely different implementation and we shouldn't have choose Ajax() versus Server() binding based on how functional the API is.

Currently, there's no way to pass variables into client footer template functions that are registered with client footer templates.

In the case when you have multiple grids on the same page with different grid ids, you are forced to instantiate multiple javascript callback functions with the grid id/name baked into the function.  

Consider:

             @foreach    @foreach (var model in Model.MyModels)
             ...
             ...
             @(Html.Kendo().Grid<eFHOL.Models.ViewModels.MyModelModel>
                    ()
                    .Name("ModelGrid_" + @model.ID)
                    .Columns(columns =>
                    {
                        columns.Bound(m => m.Name).Width(30).ClientFooterTemplate("#= footerLabel(data) #");
                        columns.Bound(m => m.Hours).Width(30).ClientFooterTemplate("#= HoursSumAvg_" + @model.ID + "(data) #");
                        columns.Bound(m => m.Weight).Width(30).ClientFooterTemplate("#= WeightSumAvg_" + @model.Weight + "(data) #");


And you will have to have server side code to register and wire up each of these distinct javascript footer template callback functions:

    @foreach(var modelID in Model.ModelIDs)
    {
        var hourFunction = "function HoursSumAvg_" + modelID + "(model) ";

    <text>
    @hourFunction
    {
        var grid_name = '#FlowPlanDetailsGrid_@modelID';
        return HoursSumAvg(grid_name);
    }


This quickly becomes a mess if you have a for loop that renders 5 or 10 grids, as we have the use-case for. 

It would be very helpful if there was a way to register the name of the callback which accepts server side parameters that can be evaluated on the server side and passed to the javascript function.

Alternatively, if the client footer template functions could somehow retain the name of the grid they are bound to, via a property in the parameter passed in, that would be good enough.

It would be great if user can format all the number is pager with 'N0', like following.

'page 1 or 1,200 pages'

'1,200-1,300 of 1,500 items'

Hi team,

Found an issue with column filterable property on IE 11 and last kendo UI for jQuery release.

Please have a look at this dojo with IE11: https://dojo.telerik.com/UfIZePaZ

Using property "filterable: { multi: true}" on first column leads to the grid not being built with console error.

Regression bug as it works with previous kendo release.

 

Regards,

Laurent.

                $.ajax({
                    url: "/ProductRowInfoSite/SaveParameters",
                    data: {
                        data: dataString
                    },
                    dataType: "json",
                    // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
                   
                    success: function (result) {
                        // notify the data source that the request succeeded
                        //options.success(result);
                      
                     
                        self._store.dispatch({ type: ActionProductInfoWindow.Saving });

                        $("#productGridId").data("kendoGrid").saveChanges();
                       // $(self._parent + " " + "#productWindowGridId").data("kendoGrid").saveChanges();

                        if ($ (self._parent === "#productGridId")) {
                            $("#productGridId").data("kendoGrid").dataSource.read();
                        }
                        self._parent.refreshParentGrids();
                      
                        //var dataSource = $("#productGridId").data("kendoGrid").dataSource;
                        //var filters = dataSource.filter();
                        //var allData = dataSource.data();
                        //var query = new kendo.data.Query(allData);
                        //var data = query.filter(filters).data;
                       

                        //$("#productGridId").data("kendoGrid").dataSource = data;

                        //let productGrid = $("#productGridId").data("kendoGrid");
                        //productGrid.dataSource.read();
                         

                        
                    },
                    error: function (result) {
                        displayAjaxError(result);
                    },
                    type: 'POST'
                });

We are using kendo Datagrid where we wanted to apply pagination.

We are using pageSizes property of pageable object to set the no of items per page to render. We are also using buttonCount property to control the number of buttons.

Problem : For example I have 200 records , if I set pagesSizes=1 so technically I will have 200 paging button and if i set buttonCount to 60 than UI gets distorted. Find below is stackblitz URL where I have set pagesSizes=1 and if you set Maximum number of buttons = 70 UI will break.

URL : https://cuezkg--run.stackblitz.io/ 

The current implementation of the DataSource only allows for footer aggregates during the fetch of data. When we f.i. use virtual scrolling in a grid for each fetch of data from the server we also have to calculate the aggregates. In many cases that is a time consuming process. F.i. we have a project that has an activitylist containing over 100.000 rows. We only show 25 rows with skip(page) and take(25) but on each roundtrip we calculate the aggregate for all 100.000 rows.

A better solution would be to get the aggregate asynchronous from the data fetch and only fetch the first time and when a change has taken place in one or more fields that have an aggregate result.

I'd like the ability to choose the behavior of mutli-row selection on a virtual grid with persisted selection.

 

For purpose of example, assume we have a virtual grid with 50 rows (pager controls not shown), a page size of 10, and persisted selection.

1. Select row 1 on page 1.

2. Scroll down to trigger page 2 to load (rows 11-20).

3. Select row 11, page 2.

4. Current Behavior: Both row 1 and row 11 remain selected.

5. Desired Behavior: Only row 11 remains selected.

 

Reasoning: I believe that a virtual scrolling grid should have selection behavior identical to a single page. That means that the only way to add rows to the selection is holding down control/shift during selection. In other words, on page 1 of the above example, if I select row 1, then row 2, only row 2 remains selected. If I select row 1, then Ctrl+click/Shift+click row 2, both remain selected. For virtual scrolling where multiple pages are displayed fluidly as if a single page, it seems odd to have the selection behave differently.

I try to use new search panel with server side pagination, but it do not work properly.

### Reproduction of the problem
1. Run the Checkbox selection demo in IE 11.706.17134 - https://demos.telerik.com/kendo-ui/grid/checkbox-selection
2. Try clicking a checkbox

### Current behavior
Two clicks are required to change the state of the checkbox.

### Expected/desired behavior
Checkbox should be checked/unchecked with a single click

### Environment

* **Kendo UI version:** 2019.2.514
* **Browser:** [ IE 11.706.17134 ]