From 3dabb1e731966b78bd9fb177e0bbe6c0222c0cb6 Mon Sep 17 00:00:00 2001 From: tishko0 Date: Sun, 11 Jan 2026 20:28:46 +0200 Subject: [PATCH] fix(tree-grid): update data due to unique id issue --- .../data-exporting-indicator/src/OrdersData.ts | 18 +++++++++--------- .../data-exporting-indicator/src/index.ts | 12 ++++++++++-- 2 files changed, 19 insertions(+), 11 deletions(-) diff --git a/samples/grids/tree-grid/data-exporting-indicator/src/OrdersData.ts b/samples/grids/tree-grid/data-exporting-indicator/src/OrdersData.ts index 88d4a9833f..3b4fccdac9 100644 --- a/samples/grids/tree-grid/data-exporting-indicator/src/OrdersData.ts +++ b/samples/grids/tree-grid/data-exporting-indicator/src/OrdersData.ts @@ -3,15 +3,15 @@ export class OrdersTreeDataItem { Object.assign(this, init); } - public ID: number; - public ParentID: number; - public Name: string; - public Category: string; - public OrderDate: string; - public Units: number; - public UnitPrice: number; - public Price: number; - public Delivered: boolean; + public ID!: number; + public ParentID!: number; + public Name!: string; + public Category!: string; + public OrderDate!: string; + public Units!: number; + public UnitPrice!: number; + public Price!: number; + public Delivered!: boolean; } export class OrdersTreeData extends Array { diff --git a/samples/grids/tree-grid/data-exporting-indicator/src/index.ts b/samples/grids/tree-grid/data-exporting-indicator/src/index.ts index 4d85491714..637e137959 100644 --- a/samples/grids/tree-grid/data-exporting-indicator/src/index.ts +++ b/samples/grids/tree-grid/data-exporting-indicator/src/index.ts @@ -11,10 +11,18 @@ export class Sample { constructor() { const localData: any[] = []; + let idOffset = 0; for (let i = 0; i < 10000; i += 3) { for (let c = 0; c < this.ordersTreeData.length; c++) { - localData.push(this.ordersTreeData[c]); + const item = this.ordersTreeData[c]; + const newItem = { + ...item, + ID: item.ID + idOffset, + ParentID: item.ParentID === -1 ? -1 : item.ParentID + idOffset + }; + localData.push(newItem); } + idOffset += 10000; } var treeGrid = document.getElementById('treeGrid') as IgcTreeGridComponent; @@ -30,7 +38,7 @@ export class Sample { }); } - private _ordersTreeData: OrdersTreeData = null; + private _ordersTreeData: OrdersTreeData | null = null; public get ordersTreeData(): OrdersTreeData { if (this._ordersTreeData == null) {