【AVM】list-view 无法删除数据

布子规

1. <template>
   
2.         <safe-area>
   
3.                 <list-view id="listView" class="main" enable-back-to-top onscrolltolower={this.onscrolltolower}>
   
4.                         <cell class="cell" onclick={this.itemClick}>
   
5.                                 <text class="title">{item.title}</text>
   
6.                                 <text class="subtitle">{item.subtitle}</text>
   
7.                         </cell>
   
8.                         <list-footer class="footer">
   
9.                                 <text>加载中...</text>
   
10.                         </list-footer>
    
11.                 </list-view>
    
12.         </safe-area>
    
13. </template>
    
14. <style>
    
15. .main {
    
16.         width: 100%;
    
17.         height: 100%;
    
18. }
    
19. .cell {
    
20.         padding: 8px;
    
21.         height: 60px;
    
22.         border-bottom: 0.5px solid #ddd;
    
23.         background-color: #fff;
    
24. }
    
25. .cell:active {
    
26.         background-color: #ddd;
    
27. }
    
28. .title {
    
29.         font-weight: bold;
    
30.         font-size: 18px;
    
31.         color: #000;
    
32. }
    
33. .subtitle {
    
34.         color: #333;
    
35. }
    
36. .footer {
    
37.         justify-content: center;
    
38.         align-items: center;
    
39. }
    
40. </style>
    
41. <script>
    
42. export default {
    
43.         name: 'test',
    
44.         methods: {
    
45.                 apiready() {
    
46.                         this.initData(false);
    
47.                 },
    
48.                 initData(loadMore) {
    
49.                         var that = this;
    
50.                         var skip = that.dataList ? that.dataList.length : 0;
    
51.                         var dataList = [];
    
52.                         for (var i = 0; i < 20; i++) {
    
53.                                 dataList[i] = {
    
54.                                         title: '项目' + (i + skip),
    
55.                                         subtitle: '这里是子标题'
    
56.                                 }
    
57.                         }
    
58.                         var listView = document.getElementById('listView');
    
59.                         if (loadMore) {
    
60.                                 that.dataList = that.dataList.concat(dataList);
    
61.                                 listView.insert({
    
62.                                         data: dataList
    
63.                                 });
    
64.                         } else {
    
65.                                 that.dataList = dataList;
    
66.                                 listView.load({
    
67.                                         data: dataList
    
68.                                 });
    
69.                         }
    
70.                 },
    
71.                 onscrolltolower() {
    
72.                         this.initData(true);
    
73.                 },
    
74.                 itemClick(e) {
    
75.                         var listView = document.getElementById('listView');
    
76.                         listView.delete({
    
77.                                 indexs: 0
    
78.                         })
    
79.                 }
    
80.         }
    
81. }
    
82. </script>

复制代码

indexs传数字时报错 [WARN] Could not call method "delete" on list-view (Reason: java.lang.Integer cannot be cast to java.util.List) at default.js : 0
indexs传数字数组时报错 [WARN] Could not call method "delete" on list-view (Reason: stack size 8MB) at default.js : 0

XT1991

数组越界了？

布子规

XT1991 发表于 2021-5-3 19:46
数组越界了？

不明啊，这是文档里的demo，我把点击动作写成删除当前项，就这样了

XT1991

看报错应该是数组越界了

布子规

XT1991 发表于 2021-5-3 19:50
看报错应该是数组越界了

请教了，如果想删除当前项，应该如何写。

布子规

布子规 发表于 2021-5-3 19:52
请教了，如果想删除当前项，应该如何写。

1. itemClick(e) {
   
2.                         var listView = document.getElementById('listView');
   
3.                         listView.delete({
   
4.                                 indexs: e.index
   
5.                         })
   
6.                 }

复制代码

我用这个写法一直都报错

XT1991

是上面的报错信息？加个判断当前数组是否为空，删除元素的坐标看下是否越界了

技术咨询-F

我反馈给相关技术查看

布子规

技术支持-F 发表于 2021-5-6 23:02
我反馈给相关技术查看

反馈如何？

技术咨询-F

布子规 发表于 2021-5-8 20:51
反馈如何？

有结果会回复本帖