load items from data, DownlineTreeviewItem selection by order not work

[dmaf87]

Hi @leovo2708,

In your advanced example with DownlineTreeviewItem selection by order not work if we load items from unordered items (it will always sorted by value and product category in onSelectedChange(downlineItems: DownlineTreeviewItem[]) event).

as a sample I modify product.service.ts

getProducts(): TreeviewItem[] {
    const fruitCategory = new TreeviewItem({
      text: 'Fruit', value: 1, children: [
        { text: 'Apple', value: 11, checked: false },
        { text: 'Mango', value: 12, checked: false },
        { text: 'Banana', value: 13, checked: false },
        { text: 'Tomato', value: 14, checked: false },
        { text: 'Orange', value: 15, checked: false }
      ]
    });
    const vegetableCategory = new TreeviewItem({
      text: 'Vegetable', value: 2, children: [
        { text: 'Salad', value: 21, checked: false  },
        { text: 'Potato', value: 22, checked: false },
        { text: 'Spinach', value: 23, checked: false },
        { text: 'Cabbage', value: 24, checked: false },
        { text: 'Carrot', value: 25, checked: false }
      ]
    });
    vegetableCategory.children.push(new TreeviewItem({ text: 'Mushroom', value: 26, checked: false }));
    // vegetableCategory.correctChecked(); // need this to make 'Vegetable' node to change checked value from true to false
    return [vegetableCategory, fruitCategory];
  }

and on product.component.ts I have selected member then set checked to true:

ngOnInit(): void {
    this.items = this.service.getProducts();
    const selectedMembers= [23, 15, 21, 12];
    selectedMembers.forEach((sn) => {
      const node: TreeviewItem = TreeviewHelper.findItemInList(this.items, sn);
      if (node) { node.checked = !node.checked; }
    });
  }

current result

expected result

Any solution for this or anyone can help?
Thanks.