WeChat ミニ プログラムの開発: プルダウンして更新し、プルアップしてさらに読み込む

この記事では、WeChat ミニプログラムで更新するプルダウンとさらに読み込むためのプルアップを実装する方法を記録します

まずはインターフェースを見てみましょう

大体こんな感じです。 このデモでは、WeChat のいくつかの API とイベントを使用します。最初にそれらをリストします。

1.wx.request (リモートサーバーからデータを取得します。$.ajax として理解できます)

2. スクロールビューの 2 つのイベント

2.1 bindingscrollto lower (ページの一番下にスライドするとき)

2.2 bindingscroll (ページをスライドするとき)

2.3 bindingscrolltoupper (ページの先頭にスライドするとき)

次に、コードを見て詳しく説明します。

index.js

var url = "http://www.imooc.com/course/ajaxlist";var page =0;var page_size = 20;var sort = "last";var is_easy = 0;var lange_id = 0;var pos_id = 0;var unlearn = 0;// 获取数据的方法，具体怎么获取列表数据大家自行发挥var GetList = function(that){
    that.setData({
        hidden:false
    });
    wx.request({
        url:url,
        data:{
            page : page,
            page_size : page_size,
            sort : sort,
            is_easy : is_easy,
            lange_id : lange_id,
            pos_id : pos_id,
            unlearn : unlearn
        },
        success:function(res){            //console.info(that.data.list);
            var list = that.data.list;            for(var i = 0; i <p></p><p><strong><span style="color: #ff0000;">index.wxml</span></strong></p><p></p><p class="cnblogs_code"></p><pre class="brush:php;toolbar:false"><view>
    <scroll-view>
        <view>
            <image></image>
            <view>
                <text>{{item.name}}</text>
                <text>{{item.short_description}}</text>
            </view>
        </view>
    </scroll-view>
    <view>
        <loading>
            加载中...        </loading>
    </view></view>

その他のWeChatミニプログラム開発は、プルダウンして更新し、プルアップして関連をロードしてくださいに注意を払うPHPで記事を中国語サイトに！