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

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

HarmonyOS
2024-10-09 12:15:57
浏览
收藏 0
回答 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("新增数据")
分享
微博
QQ
微信
回复
2024-10-09 15:58:58
相关问题
HarmonyOS 半页滑动或点击变成整页
241浏览 • 1回复 待解决
HarmonyOS如何实现list listitem拖拽
828浏览 • 1回复 待解决
HarmonyOS listItem的问题
230浏览 • 1回复 待解决
HarmonyOS 如何实现拖动改变ListItem顺序
330浏览 • 1回复 待解决
PolarDB 的备份恢复原理是什么?
2823浏览 • 1回复 待解决
HarmonyOS ListItem之间存在空隙
341浏览 • 1回复 待解决
仿射变换列表滑动问题
266浏览 • 1回复 待解决
HarmonyOS list编辑移动效果
217浏览 • 1回复 待解决