向上滑动自动切换到下一页

cutesun

求解，商品详情页上面的商品页面如何上滑切换到商品详情？
以下是部分代码：C:\Users\niaocms\Desktop\detail.png
<div component="$UI/system/components/justep/panel/panel" class="panel x-card" style="margin-top:109px;">
        <div component="$UI/system/components/justep/button/buttonGroup" class="btn-group btn-group-justified tb-tabs tabprice"
          tabbed="true" style="border-bottom:1px solid #ccc;color:#666;position: fixed;background-color: #fff;z-index: 11;padding-top:7px;">
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-label active"
            label="全部" xid="detailsBtn" target="detailsContent">
            <i xid="i14"/>  
            <span xid="span31">全部</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-label"
            label="好评" xid="parameterBtn" target="goodevaluaContent">
            <i xid="i15"/>  
            <span xid="span33">好评</span>
          </a>
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-label"
            label="中评" xid="parameterBtn" target="justevaluaContent">
            <i xid="i15"/>  
            <span xid="span33">中评</span>
          </a>
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-label"
            label="差评" xid="parameterBtn" target="badevaluaContent">
            <i xid="i15"/>  
            <span xid="span33">差评</span>
          </a>
        </div>  
        <div component="$UI/system/components/justep/contents/contents" class="x-contents fourevaluate"
          active="0" style="position: absolute;left: 0;right: 0;height: 100%;width: auto;overflow: auto;">
          <div class="x-contents-content panel-body  x-scroll-view panels" xid="detailsContent">
          <div class="x-scroll" component="$UI/system/components/justep/scrollView/scrollView" xid="scrollView2" onPullUp="scrollView2PullUp">
   <div class="x-content-center x-pull-down container" xid="div5">
    <i class="x-pull-down-img glyphicon x-icon-pull-down" xid="i5"></i>
    <span class="x-pull-down-label" xid="span9">下拉刷新...</span></div>
   <div class="x-scroll-content" xid="div6">

liangyongfei

WeX5 没有实现上划切换页面的动画
http://docs.wex5.com/wex5-ui-question-list-2014/

需要自己实现，  上下滑动切换页面，牛刀上有案例可以实现的...可以尝试用牛刀开发试试

cutesun

一进到详情页面就会自动加载scrollview组件的onPullUp上拉加载这个函数，如何让只有执行上拉加载这个动作的时候再加载onPullUp

liangyongfei

cutesun 发表于 2018-6-15 17:27
一进到详情页面就会自动加载scrollview组件的onPullUp上拉加载这个函数，如何让只有执行上拉加载这个动作的 ...

本地测试案例
/UI2/system/components/justep/list/demo/news.w
scrollView 添加 onPullUp 事件监听，并没有默认执行啊！下拉才触发的！

cutesun

跳转进来的页面，我没下拉也会自动加载这个函数

liangyongfei

cutesun 发表于 2018-6-15 17:44
跳转进来的页面，我没下拉也会自动加载这个函数

我这里测试，跳转到案例
/UI2/system/components/justep/list/demo/news.w
也没触发的，你试试看！

请问你什么需求，为什么要接管onPullUp  事件呢？

cutesun

我的需求是我想实现天天果园这样的效果，下拉切换到下一页
C:\Users\niaocms\Desktop\detailimg.png

liangyongfei

cutesun 发表于 2018-6-18 22:39
我的需求是我想实现天天果园这样的效果，下拉切换到下一页

scrollView 和 list 组件的下拉是加载下一页数据，但是list是增量加载数据的，一共就一页！
你的截图我没看到。。
请在高级模式上传图片

cutesun

我想实现像天天果园这样的效果，上拉能从商品切换到详情页面，如图：

liangyongfei

cutesun 发表于 2018-6-20 13:35
我想实现像天天果园这样的效果，上拉能从商品切换到详情页面，如图：

目前不支持下拉切换页面，只能横向切换页面！ contents 就是这样
/UI2/system/components/justep/contents/demo/contents.w     横向切换可以

如果你想下拉显示详细，可以通过  div 再做一个详细页，通过控制 dom隐藏和显示  实现

化作点击直接调用contents.next   把切换动画启动，直接打开详细页，只是看不出是向上滑动的效果