HarmonyOS lazyforeach 配合 ListItemGroup场景该怎么写

class GlobalThis { 
  static scroller:Scroller 
} 
 
@Entry 
@Component 
struct Index1 { 
  data: DataSrc2 = new DataSrc2() 
 
  @Builder 
  itemHead(text: string) { 
    Text(text) 
      .fontSize(20) 
      .backgroundColor(0xAABBCC) 
      .width('100%') 
      .padding(10) 
  } 
 
  aboutToAppear() { 
    for (let i = 0; i < 10000; i++) { 
      let data_1 = new DataSrc1() 
      for (let j = 0; j < 12; j++) { 
        data_1.Data.push(`测试数据测试数据测试数据: ${i} - ${j}`) 
      } 
      this.data.Data.push(data_1) 
    } 
    console.log("111") 
  } 
 
  build() { 
    Stack() { 
      List() { 
        LazyForEach(this.data, (item: DataSrc1, index: number)=>{ 
          ListItemGroup({header: this.itemHead(index.toString())}){ 
            LazyForEach(item, (ii: string, index: number)=>{ 
              ListItem() { 
                Inner({str: ii}) 
              } 
            }) 
          } 
          .width('100%') 
          .height('60vp') 
        }) 
      } 
    } 
    .width('100%') 
    .height('100%') 
  } 
} 
 
@Reusable 
@Component 
struct Inner { 
  @State str: string = '' 
  aboutToReuse(param: ESObject) { 
    this.str = param.str 
  } 
  build() { 
    Text(this.str) 
  } 
} 
 
class DataSrc1 implements IDataSource { 
  listeners: DataChangeListener[] = []; 
  Data: string[] = []; 
 
  public totalCount(): number { 
    return this.Data.length; 
  } 
 
  public getData(index: number): string { 
    return this.Data[index]; 
  } 
 
  // 该方法为框架侧调用，为LazyForEach组件向其数据源处添加listener监听 
  registerDataChangeListener(listener: DataChangeListener): void { 
    if (this.listeners.indexOf(listener) < 0) { 
      // console.info('add listener'); 
      this.listeners.push(listener); 
    } 
  } 
 
  // 该方法为框架侧调用，为对应的LazyForEach组件在数据源处去除listener监听 
  unregisterDataChangeListener(listener: DataChangeListener): void { 
    const pos = this.listeners.indexOf(listener); 
    if (pos >= 0) { 
      // console.info('remove listener'); 
      this.listeners.splice(pos, 1); 
    } 
  } 
 
  // 通知LazyForEach组件需要重载所有子组件 
  notifyDataReload(): void { 
    this.listeners.forEach(listener => { 
      listener.onData
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.