绑定的json文件中数据条数未定的情况下，如何滑动显示出相应数量的content页面

aoke123

利用contents实现滑动翻页显示时，绑定的json数据有n条，n的个数未知，那如何设定contents下有几个content呢，我刚刚实验的是设定了两个content绑定json文件，但是json文件中有三条数据，结果页面在不循环的情况下，只能往右滑动到第二条，之后就划不动了。那针对这种content个数未定的情况该怎样处理呢，求解

fanlingli

1）把你的资源帖一下
2）可以查看api的add()方法

aoke123

fanlingli 发表于 2017-6-28 14:04
1）把你的资源帖一下
2）可以查看api的add()方法

temp.js
define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function(){
                this.callParent();
        };

        var shuju = [
                     {
                         "bookId":1,
                     "bookName":"平凡的世界",
                     "theme":"剧情",
                     "writer":"路遥",
                     "img":"./img/pic1.png",
                     "fenfaCount":"115",
                     "commentCount":"1"
                     },
                     {
                         "bookId":2,
                     "bookName":"兄弟",
                     "theme":"剧情",
                     "writer":"余华",
                     "img":"./img/pic2.png",
                     "fenfaCount":"11",
                     "commentCount":"2"
                     },
                     {
                         "bookId":3,
                     "bookName":"白鹿原",
                     "theme":"叙事",
                     "writer":"陈忠实",
                     "img":"./img/pic3.png",
                     "fenfaCount":"14",
                     "commentCount":"3"
                     }
                 ];               


        Model.prototype.data1CustomRefresh = function(event){
                event.source.loadData(shuju);
        };
        

        Model.prototype.contents1ActiveChange = function(event){
        
        var data1 = this.comp("data1");
        alert(event.type);
                if(event.type == "prev"){
                data1.prev();
                }else{
                data1.next();
                }
               
        };
        
        return Model;
});

C:\Users\Wangman\Desktop\1.PNG
你第二条说的是用.add方法追加一个content吗，可是追加的content中控件和布局都需要重新画吧，这样就更麻烦了，要是这样还真不如直接在contents下循环json数据的list呢

liangyongfei

两个content 就足够翻页了
http://docs.wex5.com/wex5-ui-question-list-2133

aoke123

liangyongfei 发表于 2017-6-28 18:42
两个content 就足够翻页了
http://docs.wex5.com/wex5-ui-question-list-2133

你的意思是说，假设我设置了2个content，绑定的json数据有5条，按照你上面这个链接里写的设置完之后就可以将这5条数据都翻页显示出来吗？我试验的是不能实现的。
我这边试出来的现象是如果页面上只设定了2个content，实际操作的时候只能往右滑动两次，再往后就滑动不了了，之后再往左滑动可以显示第三条的数据（这可能跟现在往左滑动的type是next有关），以此类推，这是不是也是你们系统的一个bug呢亲，帮忙看一下
我现在是无法确定要显示数据的个数，也没办法在布局画面的时候提前设定好相应个数的content，没有相应个数的content我就没办法让他一直往右滑动出所有数据的显示页面，求解决办法啊亲

liangyongfei

aoke123 发表于 2017-6-29 09:17
你的意思是说，假设我设置了2个content，绑定的json数据有5条，按照你上面这个链接里写的设置完之后就可 ...

ｃｏｎｔｅｎｔｓ组件的　wrap属性 设置为 true, 就可以循环滑动了！，可以一直向右滑动的！

往左滑动的type是next，这个问题确实是bug, 稍等我问下原因！

liangyongfei

aoke123 发表于 2017-6-29 09:17
你的意思是说，假设我设置了2个content，绑定的json数据有5条，按照你上面这个链接里写的设置完之后就可 ...

我问了以下！
左右 滑动的 时候  type都是next
需要你自己使用touch 事件判断，是左滑动还是又滑动！

http://docs.wex5.com/wex5-app-question-list-2071/

aoke123

liangyongfei 发表于 2017-6-29 17:40
ｃｏｎｔｅｎｔｓ组件的　wrap属性 设置为 true, 就可以循环滑动了！，可以一直向右滑动的！

往左滑动的 ...

如果wrap设成true的话，当滑到最后一条数据的时候，还是可以继续向右滑，这样不是我想要的功能呢。我希望滑到最后那条数据的时候就滑不动，然后再往前滑，一直翻回到第一页那种效果。
而且设置两个content循环滑动的时候，如果数据是单数个，当滑到最后那条时最后那页还能再滑动一次，而且显示的还是最后那条数据，这样看起来让人感觉就很不好

aoke123

liangyongfei 发表于 2017-6-29 17:46
我问了以下！
左右 滑动的 时候  type都是next
需要你自己使用touch 事件判断，是左滑动还是又滑动！

哦，了解了

liangyongfei

aoke123 发表于 2017-6-30 10:11
如果wrap设成true的话，当滑到最后一条数据的时候，还是可以继续向右滑，这样不是我想要的功能呢。我希望 ...

this.comp('contents').set({'wrap':false})
this.comp('contents').set({'swipe':false})

是否可以循环滑动，是可以动态设置的！
你再js代码中判断，如果data是第一条数据，或者最后一条数据，就设置为不可滑动！