This is a migrated thread and some comments may be shown as answers.

Selecting rows using non-editable cells

1 Answer 90 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
Jeff asked on 14 Mar 2017, 06:30 PM

Kendo Team,

Is there a way to make a row selectable, even if the user clicks on an non-editable row? From my perspective, it seems I need to utilize a click event handler on the grid and progammatically select the row. Is there an easier way?

As a follow up to a related issue, I noticed there are some performance issues in  IE with grids having many columns, particularly when the grid's selectable property is set. Do you have any more insight about this phenomenon? How do you think manually selecting the rows via the grid's click event will affect performance IE, assuming you know the deeper cause of IE's slow response with large grids?

 

Thank you..

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 16 Mar 2017, 12:22 PM
Hello Jeff,

Regarding the questions:

1) Could you please share more details about the scenario, as when the Grid is selectable, the row will be automatically selected on click:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-selectable

Also, a row can be programmatically selected using the select method of the Grid:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-select

If the desired result is to only make the row visible as selected based on some conditional I can suggest applying the ''k-state-selected' class on tr element.

2)  Internet Explorer is notoriously slow with some DOM iteration or manipulation tasks, which is what causes the observed delay. We have optimized the selection routine as much as we can, but there is a required CSS3 selector in the code that has negative impact on the selection performance, when there are a lot of DOM elements on the page (e.g. too many rows or too many columns).

What we can suggest at this point is to consider reducing the number of rows and columns, as recommended in the documentation. Please accept our apologies for the inconvenience this may cause.

http://docs.telerik.com/kendo-ui/controls/data-management/grid/walkthrough#selection

Selection performance may decrease when the page size is too large, or if no paging is used, and the Grid is rendering hundreds or thousands of items. This behavior is most frequently seen in Internet Explorer. Grouping, hierarchy, and frozen columns also have a negative impact on the selection performance, because these features make the HTML output of the Grid more complex. Therefore, it is recommended to use paging and a reasonable page size.
 
Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Nitin
Top achievements
Rank 1
commented on 10 Aug 2021, 09:59 AM

hello stefan,

Selecting rows using non-editable cells

Same scenario here i want to select a non editable cell/row and make as copy for them

Georgi Denchev
Telerik team
commented on 12 Aug 2021, 07:42 AM

Hello, Nitin,

As my colleague has already mentioned, the rows can be selected if the selectable configuration is enabled.

I am not entirely sure what is meant by `make a copy for them`, do you need to copy the rows to the clipboard and paste them somewhere after that? For example Excel?

If that is the case, you check the Selection & Export demo which showcases this functionality:

https://demos.telerik.com/kendo-ui/grid/selection-export 

And the Copy to Excel demo:

https://demos.telerik.com/kendo-ui/grid/copy-to-excel 

If you want to clone the row in the Grid, you can take a look at the following example:

https://docs.telerik.com/kendo-ui/knowledge-base/grid-create-a-copy-of-the-row 

Tags
Grid
Asked by
Jeff
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or