HarmonyOS ListItem滑动编辑后如何复原？

HarmonyOS

zbw_apple

2024-10-09 12:15:57

浏览

回答 1

待解决

回答 1

按赞同

按时间

zxjiu

参考demo：

import MyDataSource, { TimeTable } from './model/MyDataSource'  
@Entry  
@Component  
struct ListItemGroupExample {  
  @State timeTableList: MyDataSource<TimeTable> = new MyDataSource()  
  aboutToAppear() {  
    let data1 = new TimeTable("星期一", ['语文', '数学', '英语'])  
    let data2 = new TimeTable("星期二", ['物理', '化学', '生物'])  
    let data3 = new TimeTable("星期三", ['历史', '地理', '政治'])  
    let data4 = new TimeTable("星期四", ['美术', '音乐', '体育'])  
    this.timeTableList.pushData(data1)  
    this.timeTableList.pushData(data2)  
    this.timeTableList.pushData(data3)  
    this.timeTableList.pushData(data4)  
  }  
  build() {  
    Column() {  
      List({ space: 20 }) {  
        LazyForEach(this.timeTableList, (item: TimeTable, index?: number) => {  
          ListItem({ style: ListItemStyle.CARD }) {  
            ChildList({ data: item, index: index })  
          }  
        }, (item: TimeTable) => item.title)  
      }  
      .width('90%')  
      .height("100%")  
      .scrollBar(BarState.Off)  
    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })  
  }  
}  
@Component  
struct ChildList {  
  @ObjectLink data: TimeTable  
  @Prop index: number  
  @State itemHeight: number = 100  
  @State projects: MyDataSource<string> = new MyDataSource()  
  @State text: string = ""  
  aboutToAppear() {  
    this.data.projects.forEach((item: string) => {  
      this.projects.pushData(item)  
    })  
  }  
  @Builder  
  itemEnd() {  
    Row() {  
      Text("删除该项")  
    }.padding("4vp").justifyContent(FlexAlign.SpaceEvenly)  
  }  
  @Builder  
  pixelMapBuilder() { //拖拽过程样式  
    Column() {  
      Text(this.text)  
        .width("100%")  
        .height(this.itemHeight)  
        .fontSize(20)  
        .textAlign(TextAlign.Center)  
        .backgroundColor("#ffeaa7")  
    }  
  }  
  build() {  
    Column() {  
      // header  
      Row() {  
        Text(this.data.title)  
          .fontSize(20)  
          .padding(10)  
        Row() {  
          Button("新增数据")