帖子
帖子
用户
博客
课程
1234下一页
返回列表 发新帖
显示全部楼层
203
帖子
3
勋章
3425
Y币

[开发工具] that 及that.dataList.concat

[复制链接]
发表于 2022-1-4 14:50:54
本帖最后由 玩具. 于 2022-1-4 15:04 编辑

var that = this;                var skip = that.dataList?that.dataList.length:0;                var dataList = [];                for (var i=0;i<20;i++) {                    dataList = {                        title: '项目' + (i + skip),                        subtitle: '这里是子标题'                    }                }                var listView = document.getElementById('listView');                if (loadMore) {                    that.dataList = that.dataList.concat(dataList);                    listView.insert({                        data: dataList                    });                } else {                    that.dataList = dataList;                    listView.load({                        data: dataList                    });                }            },

没看到that 及that.dataList.concat怎么使用?文档没看例子
203
帖子
3
勋章
3425
Y币
本帖最后由 玩具. 于 2022-1-4 16:27 编辑

1 list-view,grid-view等下拉刷新的时候,怎样清空界面上所以数据,然后重新加载了?2 onrefresherrefresh 被触发  怎么关闭?
3 打开页面路径能用widget://么?


380
帖子
4
勋章
6
Y币
data重新赋值

refresher-triggered        boolean        false        否        设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发

用相对路径
380
帖子
4
勋章
6
Y币
data重新赋值

refresher-triggered        boolean        false        否        设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发

用相对路径
203
帖子
3
勋章
3425
Y币
that 及that.dataList.concat怎么使用 这个了?
技术支持-F · 2022-1-4 17:07data重新赋值

refresher-triggered        boolean        false        否        设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发
203
帖子
3
勋章
3425
Y币
本帖最后由 玩具. 于 2022-1-5 11:56 编辑

  1   <list-view id="listView" class="main" enable-back-to-top
        refresher-triggered={refresherTriggered} refresher-enabled  onscrolltolower="onscrolltolower">

下拉刷新可以了,但是onscrolltolower有没效果了,是不是onrefresherrefresh与onscrolltolower有冲突,把
        refresher-triggered={refresherTriggered} refresher-enabled  去掉,onscrolltolower就有效果了



技术支持-F · 2022-1-4 17:07data重新赋值

refresher-triggered        boolean        false        否        设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发

380
帖子
4
勋章
6
Y币
1. 我们确认一下
2。 问题自己排查
203
帖子
3
勋章
3425
Y币
第二个已解决,但是第一个确认下 都是拷贝案例代码的
技术支持-F · 2022-1-5 11:551. 我们确认一下
2。 问题自己排查

380
帖子
4
勋章
6
Y币
测试没有你反馈的问题。
玩具. · 2022-1-5 11:56第二个已解决,但是第一个确认下 都是拷贝案例代码的
203
帖子
3
勋章
3425
Y币
本帖最后由 玩具. 于 2022-1-5 15:12 编辑

为啥我的不行,同样用的案例代码,是不是还有什么配置没开启?
<template>
    <list-view id="listView" class="main" enable-back-to-top
        refresher-triggered={refresherTriggered} refresher-enabled>
        <cell class="cell" onclick={this.itemClick} data-id={item.RecordId}>
            <text class="title">{item.user_paramete_name}</text>
            <text class="subtitle">{item.user_paramete_tel}</text>
            <text class="subtitle">{item.user_paramete_addressinfo}</text>
        </cell>
        <no-data v-if={showNoData} image="../image/common/nolist.png" desc="暂无数据"></no-data>
    </list-view>
</template>
<style>
.main {
    width: 100%;
    height: 100%;
}
.cell {
    padding: 8px;
    height: 100px;
    border-bottom: 0.5px solid #ddd;
    background-color: #fff;
}
.cell:active {
    background-color: #ddd;
}
.title {
    font-weight: bold;
    font-size: 18px;
    color: #000;
}
.subtitle {
    color: #333;
}
</style>
<script>
import $ajax from '../components/ajax.js'
import '../components/no-data.stml'
export default {
    name: 'test',
    data() {
        return {
            refresherTriggered: false,
            pageIndex: 1,
            pageSize: 5,
            showNoData: false,
        }
    },
    methods: {
        apiready() {
            this.getData(false);
        },
        getData(loadMore) {
            $ajax.ajax({
                url: '/api/UserParamete/app/list?uid=12345789&pageIndex=' + this.data.pageIndex + '&pageSize=' + this.data.pageSize,
                method: 'get',
                dataType: 'json'
            }, (ret, err) => {
                if (ret && ret.IsSuccess) {
                    var listView = document.getElementById('listView');
                    if (loadMore) {
                        listView.insert({
                            data: ret.Data
                        });
                    } else {
                        //that.ret.Data = ret.Data;
                        listView.load({
                            data: ret.Data
                        });
                    }
                } else {
                    if (this.data.pageIndex == 1) {
                        this.data.showNoData = true;
                    }else{
                        $ajax.toast("没有更多了");
                    }
                }
                this.data.refresherTriggered = false;
            });
        },
        onrefresherrefresh() {
            this.data.pageIndex = 1;
            this.data.refresherTriggered = true;
            this.data.showNoData = false;
            console.log(this.data.pageIndex);
            this.getData(false);
        },
        onscrolltolower() {
            this.data.pageIndex++;
            console.log(this.data.pageIndex);
            this.getData(true);
        },
        itemClick(e) {
            let id = e.currentTarget.dataset.id;
            $ajax.openWin({
                name: 'update',
                url: 'main/update.stml',
                title: '编辑地址',
                pageParam: {
                    id: id
                }
            });
        }
    }
}
</script>

技术支持-F · 2022-1-5 15:02测试没有你反馈的问题。

1234下一页
您需要登录后才可以回帖 登录

本版积分规则