Merge pull request #3380 from IgniteUI/bpachilova/fix-3379

fix(grids): Alter conditional row selection samples according to changed API
IgniteUI · Aug 31, 2023 · 8ff94cf · 8ff94cf
2 parents 8f016cc + 81b13d4
commit 8ff94cf
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/.../grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.html b/.../grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.html
@@ -10,7 +10,7 @@
         <ng-template igxRowSelector let-rowContext>
             <div class="row-selector">
                 <igx-checkbox [readonly]="true" [checked]="rowContext.selected"
-                    [disabled]="!isSelectionAllowed(rowContext.rowID)"
+                    [disabled]="!isSelectionAllowed(rowContext.key)"
                     [aria-label]="rowContext.selected ? 'Deselect row' : 'Select row'">
                 </igx-checkbox>
             </div>

diff --git a/...pp/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts b/...pp/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts
@@ -31,7 +31,7 @@ export class GridConditionalRowSelectorsComponent {
         const originalAddedLength = event.added.length;
 
         // update selection to contain only allowed rows
-        event.newSelection = event.newSelection.filter(x => this.isSelectionAllowed(x));
+        event.newSelection = event.newSelection.filter(x => this.isSelectionAllowed(x.ID));
 
         // cleanup selection if all conditionally selectable rows are already selected
         if (event.newSelection.length

diff --git a/...grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.html b/...grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.html
@@ -30,7 +30,7 @@
         <ng-template igxRowSelector let-rowContext>
             <div class="row-selector">
                 <igx-checkbox [readonly]="true" [checked]="rowContext.selected"
-                    [disabled]="!isSelectionAllowed(rowContext.rowID)"
+                    [disabled]="!isSelectionAllowed(rowContext.key)"
                     [aria-label]="rowContext.selected ? 'Deselect row' : 'Select row'">
                 </igx-checkbox>
             </div>

diff --git a/...l-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts b/...l-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts
@@ -30,7 +30,7 @@ export class HGridConditionalRowSelectorsComponent implements OnInit {
         const originalAddedLength = event.added.length;
 
         // update selection to contain only allowed rows
-        event.newSelection = event.newSelection.filter(x => this.isSelectionAllowed(x));
+        event.newSelection = event.newSelection.filter(x => this.isSelectionAllowed(x.Artist));
 
         // cleanup selection if all conditionally selectable rows are already selected
         if (event.newSelection.length

diff --git a/...id/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.html b/...id/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.html
@@ -11,7 +11,7 @@
         <ng-template igxRowSelector let-rowContext>
             <div class="row-selector">
                 <igx-checkbox [readonly]="true" [checked]="rowContext.selected"
-                    [disabled]="!isSelectionAllowed(rowContext.rowID)"
+                    [disabled]="!isSelectionAllowed(rowContext.key)"
                     [aria-label]="rowContext.selected ? 'Deselect row' : 'Select row'">
                 </igx-checkbox>
             </div>

diff --git a/...grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts b/...grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts
@@ -29,7 +29,7 @@ export class TreeGridConditionalRowSelectorsSampleComponent implements OnInit {
         const originalAddedLength = event.added.length;
 
         // update selection to contain only allowed rows
-        event.newSelection = event.newSelection.filter(x => this.isSelectionAllowed(x));
+        event.newSelection = event.newSelection.filter(x => this.isSelectionAllowed(x.ID));
 
         // cleanup selection if all conditionally selectable rows are already selected
         if (event.newSelection.length