Bug report
When the persistSelection option of the grid is disabled and several rows are selected across several pages, the selectedKeyNames() method returns all IDs instead of only the ones on the current page.
Reproduction of the problem
1. Set persistSelection to false.
2. Select several rows across several pages.
3. Call the selectedKeyNames method
4. Observe that IDs that are not on the current page are returned.
The steps can be replicated in the following live demo:
https://demos.telerik.com/kendo-ui/grid/checkbox-selection
### Environment
* **Kendo UI version:** 2021.1.224
* **jQuery version:** 1.12.4
* **Browser:** [all]
A js exception is thrown on selecting a row with the select method, when the Grid's scrollable option is disabled. The exception started appearing since R3 2020 SP1.
A js exception is thrown on calling the select method.
No exception is thrown.
When applying GroupPaging with local data using a Kendo UI Grid with AngularJS, the error message Uncaught TypeError: Cannot read property 'hasSubgroups' of undefined' appears upon expanding a parent row.
Currently, the UID for the group is not matching the group row's UID, and the error message appears.
Hi Team,
We'd like to ask for the functionality of saving asynchronously records with the Kendo UI Grid in a Batch edit mode that would be non-blocking and not interrupting. For example, a user can continue to edit without the loading symbol appearing and causing a delay in editing when the dataSource.sync() fires.
Thank you!
When a Kendo UI Grid has been initialized via a table, If the user sets the th element with data-menu="false", the menu attribute is read as a string instead of a boolean.
The data-menu configuration should be parsed to a boolean.
I just recently upgraded to the latest version of Kendo UI (2021) and noticed one of my screens broke. I'm not sure if this was something that you intended on breaking so I wanted to report it as a bug. I had a screen with a grid in which the detail contained a child grid. This particular screen doesn't have a lot of rows and the due to the usage of it the detail is extremely important and I have it set to auto expand. The auto expand still works in the respect that the rows show as expanded but every row has the same detail...which is the detail belonging to the first row. Here is a dojo showing the bug in action: https://dojo.telerik.com/@bowensby/EfUMihUp.
The main place to focus is the dataBound event on the main grid. I found a workaround using the commented out lines (the .each in jquery). The original way is cleaner but it only causes detailInit one time and therefore repeats the same detail for every row.
Hi Team,
I would like to request an CancelIconClass property for the Kendo UI Grid's toolbar which would allow an easier way to change the cancel icon rather than using CSS.
Thank you!
The behavior has been introduced in R3 2020.
Dojo example.
The sticky column's left border is not displayed.
The sticky column's left border is displayed.
would be great to have, will help to make logic easier if we want to save the value to share across all the grids in app
P.S - also would be great to use pageSize = All in Datasource instead of undefined
Hi Team,
I'd like to request the functionality to add an unsort option to the Kendo UI Grid's Groupable sort direction.
Thank you
So we are loving the sticky columns in Kendo UI v2020.3.1118 JQuery Grid however we are experiencing a synchronisation issue between the column headers and the filter rows.
The attached screenshots and video show the problem.
I tried to find a solution in your KB's but am reaching out to you in case you can recommend a solution?
Ideally, the filter row would know about the sticky columns, but it seems not to.
Kind Regards, Garry.
When there are sticky columns in Grid and the horizontal scrollbar is visible, the text of the columns is overlapping while scrolling.
The text of the columns is overlapping
The text of the columns in Grid should not overlap whiles scrolling
window.addEventListener('resize', function(){ $("#grid").data().kendoGrid._updateStickyColumns(false); });
In a Grid with checkboxes in the first column, when tabbing through the Grid, the checkbox in the first row is skipped.
While navigating, the checkbox on the first row is skipped and the ID column will be focused instead.
The checkbox should not be skipped.
In a Grid with checkboxes in the first column, if you navigate through the Grid for a second time, only the checkboxes are focused.
When navigating through the Grid for a second time, only the checkboxes are focused.
All the cells of the Grid should be focused.
Version of Kendo UI Grid: v2016.3.1028
There appear to be a few accessibility issues with the pager control for kendo grid when using a screen reader:
2. When navigating to the pages--screen reader is narrating some irrelevant information about the page elements say 'Link label one of one , Link two of two label one , Link three of three label one.
Obviously an older version of the kendo ui grid is being used--but I wanted to confirm that these issues have been fixed for more recent versions. For accessibility compliance a user should be informed via screen reader if a link is disabled and pages should be clearly announced when selected.
Thanks!
Hi,
Hopefully you can help us out with this!
On Kendo Grid, when filtering, we have an option 'Select All' as you can see below.
Now if we run a search for 'B' we get the below:
Now the select all option has disappeared and in some cases we would have a lot of options to enable.
Any ideas?
Thanks
Mark
$scope.OptionsGridApplication_Team_Settings = {
dataSource: $scope.DataGridApplication_Team_Settings,
resizable: false, selectable: "single",
columns: [
{
field: "TeamName",
title: "TeamName",
encoded: false,
hidden: true,
attributes: { "class": "ellipsisTextSpan", },
template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.TeamName)) },
groupHeaderTemplate: function (e) {
var html = '';
html = html + '<span class="headerTeamGroup" data_TeamId="' + e.value + '" title="' + e.value + '">';
html = html + stringCutterA(e.value, 131);
html = html + '</span>';
return html;
},
},
{
field: "SystemIdentifier", title: "Environment Name", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.SystemIdentifier)) }
},
{
field: "EnvironmentType", title: "Environment Type", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.EnvironmentType)) }
},
{
field: "URL", title: "Environment URL", encoded: false,
attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.URL)) }
}
],
dataBound: function () {
debugger;
serviceFactory.AccessibilityGridEmpty(this);
}
};Hi
Please see the attached. The search box styles are broken.