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

Checkbox Column not allowing multi select

5 Answers 1308 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Shane
Top achievements
Rank 1
Shane asked on 15 Aug 2019, 06:32 PM

I am running into an issue where the multi select on checkboxes no longer works. Locally it works fine, but when I publish it it seems to quit working which makes me think it could be a package.json version issue. Has anyone else run into this? Below is a setup that I have. The selectionChange fires twice

 

 

<kendo-grid id="attachmentGrid" #attachmentGrid [data]="attachmentGridData" [height]="'250'" [selectable]="true" [kendoGridSelectBy]="'Id'"
(selectionChange)="attachmentSelectionChange($event)" [sortable]="true">
<kendo-grid-checkbox-column width="40" [minResizableWidth]="40">
<ng-template kendoGridCellTemplate let-dataItem let-idx="rowIndex">
<span *ngIf="(dataItem.Type | uppercase) === 'WORD'">
<input class="k-checkbox" id="attachment-{{idx}}" [kendoGridSelectionCheckbox]="idx" />
<label class="k-checkbox-label" for="attachment-{{idx}}"></label>
</span>
</ng-template>
</kendo-grid-checkbox-column>
<kendo-grid-column field="Name" title="Name">
</kendo-grid-column>
<kendo-grid-column field="Type" width="60" title="Type">
<ng-template kendoGridCellTemplate let-dataItem>
<span class="k-icon k-i-{{(dataItem.Type | lowercase)}}"></span>
</ng-template>
</kendo-grid-column>
</kendo-grid>

 

 

 

5 Answers, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 16 Aug 2019, 08:21 AM
Hi Shane,

I will paste the answer from the private support thread with the same subject here, so other members of the community can see it too:

I could not reproduce the described issue using the latest versions of our packages:

https://stackblitz.com/edit/angular-t4pu7h?file=app/app.component.ts

The fact that the issue is present on the server environment only, suggests that there is a discrepancy between the NPM packages used in development and in production. To ensure that the same package versions are used, we recommend removing the package-lock.json file and node_modules folder and running a clean NPM install in both environments so that the same package versions and their correct dependencies are used on both ends.

If the issue persists, please send us an isolated runnable project where it can be observed, so we can reproduce it and determine what might be causing it. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Mikhail
Top achievements
Rank 1
answered on 26 Aug 2019, 06:26 PM

Hi Dimiter,

It appears to be an issue there with multiple select a range of rows by using the Shift button when the checkbox only selection is required, which takes place currently in https://www.telerik.com/kendo-angular-ui/components/grid/selection/ and in the StackBlitz URL provided above (the results are only slightly different in Chrome and Edge browsers).

Please see the attached sccreenshot how it looks like in the latest Chrome now.

What would be a way to resolve this issue?

Thanks,
Mikhail

 

0
Dimiter Topalov
Telerik team
answered on 28 Aug 2019, 08:18 AM
Hi Mikhail,

Indeed, currently selecting multiple items via shift-clicking the checkboxes only is not possible. We have a logged enhancement item in our GitHub repository for providing such a feature that you can track here:

https://github.com/telerik/kendo-angular/issues/2142

Meanwhile, the only option seems to be to create a custom checkbox column via templates where the developer has full control over the Checkbox "click" event, the row index, and the data item, associated with this row - then they can create their own custom logic, handling the shift-click event on a specific checkbox, and set the selected items accordingly in the selectedKeys collection:

https://www.telerik.com/kendo-angular-ui/components/grid/api/CheckboxColumnComponent/

https://stackblitz.com/edit/angular-ulusk9?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Mikhail
Top achievements
Rank 1
answered on 29 Aug 2019, 03:27 PM

Thank you Dimiter for providing such details.

The only confusion would be to consider this issue as an extension not the product defect as this one is going to be the essential feature in my opinion for any grid and it appears taking long time to have it broken and not resolved there. That is important at least in our application to use single clicks on the rows for other purposes not to select them. Is that the estimated time to have the fix?

Thanks,
Mikhail

0
Dimiter Topalov
Telerik team
answered on 02 Sep 2019, 08:40 AM

Hi Mikhail,

Our development team considers the discussed feature an enhancement as opposed to a "bug", as there is no default browser-specific behavior demanding items between shift-clicked checkboxes to be selected. Based on the customer demand, and the fact that other popular web applications have this (application-specific) behavior, we also decided to provide such a functionality. However, the current Grid behavior is the designed one, and this is why we consider lacking the ability to shift-click select multiple items using the checkboxes only a missing feature/limitation, but not an issue/bug.

I am afraid there is no timeline for this enhancement yet, as currently our development efforts are focused on the new features and components, planned for the upcoming September release, but I can assure you that we are aware of the interest toward the discussed feature, and we will do our best to include it in our roadmap as soon as possible.

We typically abstain from giving exact timelines as we would not like to make promises we might not be able to hold. All our development tasks like new features, enhancements, bug fixes, etc., enter a pipeline, and are addressed based on the estimated impact, business value and severity.

Thank you for the understanding.

Regards,
Dimiter Topalov
Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Grid
Asked by
Shane
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Mikhail
Top achievements
Rank 1
Share this question
or