Checkbox Column not allowing multi select

[Shane]

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>

 

 

 

[Dimiter Topalov]

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

[Mikhail]

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

 

[Dimiter Topalov]

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

[Mikhail]

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

[Dimiter Topalov]

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