error on sample row selection

[vamaw]

Hi,

 

On angular12 i have an error with thi sample

https://www.telerik.com/kendo-angular-ui/components/grid/selection/row-selection/

Error: src/app/app.component.ts:76:13 - error TS2322: Type 'string' is not assignable to type 'SelectableMode'.
76             mode: this.mode,
               ~~~~

  node_modules/@progress/kendo-angular-grid/dist/es2015/selection/types.d.ts:108:5
    108     mode?: SelectableMode;
            ~~~~

Regards

[Silviya]

Hi Vamaw,

The error points to a mismatch in types. What happens is:

this.selectableSettings = {
            checkboxOnly: this.checkboxOnly,
            mode (expects type 'SelectableMode'): this.mode (is of type 'string'),
            drag: this.drag
};

This is because when we declare

 public mode = 'multiple';

TypeScript dynamically infers that the type of mode is string. What we actually expect for the selectableSettings 'mode' property is type SelectableMode, which is a string literal union type. So if our example is replicated, it may be useful to declare mode like:

public mode: SelectableMode = 'multiple';
// Which is equivalent to: public mode: 'single' | 'multiple' = 'multiple';

I hope this helps. Let me know if I can assist any further.

Regards,
Silviya
Progress Telerik