列表刷新

entry/src/main/ets/pages/sub_systemMaintenance/Unit/Unit.ets

@@ -8,6 +8,7 @@ import {UnitList} from'./UnitList'
 export struct Unit {
   @State dataSource: Gldw[] = []
   @State offsetNumber: number = 0
+  @State finished: boolean = false
   controller: SearchController = new SearchController()
 
   aboutToAppear(){
@@ -15,9 +16,17 @@ export struct Unit {
   }
 
   async getUnitList(dwmc?: string) {
+    Logger.info('-------DEBUG-------: 起始' + this.offsetNumber)
     const res = await gldwModal.query(this.offsetNumber * 20, dwmc)
+    if (res.length == 0) { // 如果数据库查到的数据是空数组,则告诉后面不需要再调了
+      this.finished = true
+    }
     this.dataSource = [...this.dataSource, ...res]
-    this.offsetNumber++
+  }
+
+  scrollEvent() {
+    this.getUnitList()
+    Logger.info('-------DEBUG-------: 开始滑动' + this.offsetNumber)
   }
 
 
@@ -36,7 +45,7 @@ export struct Unit {
             .borderRadius(5)
         }.width('100%')
         Column() {
-          UnitList({ dataSource: $dataSource,onScrollEdge: this.getUnitList })
+          UnitList({ dataSource: $dataSource, finished: $finished,offsetNumber: $offsetNumber, onScrollEdge: this.getUnitList })
         }.margin({top:20}).borderRadius(2)
       }
     }.linearGradient({

entry/src/main/ets/pages/sub_systemMaintenance/Unit/UnitList.ets

 
-import { Gldw } from '@ohos/common'
+import { Gldw, Logger } from '@ohos/common'
 
 @Component
 export struct UnitList {
   @Link dataSource: Gldw[]
+  @Link finished: boolean
+  @Link offsetNumber: number
   @Styles commonPadding() {
     .padding({top:4, bottom:4})
     .alignSelf(ItemAlign.Start)
   }
   onScrollEdge: () => void
 
+  scroller: Scroller = new Scroller()
+
   @Builder renderList() {
     Column() {
-      Scroll() {
-        List(){
+      List({ space: 2, scroller: this.scroller }){
           ForEach(this.dataSource, (item, index) => {
             ListItem(){
               Row() {
@@ -31,10 +34,16 @@ export struct UnitList {
                   }
                 }.width('45%')
               }.commonPadding()
-            }
+            }.borderRadius(4)
           })
         }.divider({strokeWidth:1,color:'505050'})
-      }.onScrollEdge(() => this.onScrollEdge())
+          .onScrollIndex((firstIndex: number, lastIndex: number) => {
+            if (!this.finished && this.dataSource.length == (lastIndex + 1) ) {
+              // 如果没完成并且划到最底部则调刷新数据接口
+              this.offsetNumber ++
+              this.onScrollEdge()
+            }
+          })
 
     }.width('100%').height('100%').backgroundColor('#fff')
   }