起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2632|回复: 6

[结贴] Wex5中如何实现多页面滑动

[复制链接]

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
发表于 2017-6-27 10:26:52 | 显示全部楼层 |阅读模式
①Wex5中要实现多页面滑动,各个页面中的数据要从后台一次性传输过来吗,有没有什么触发事件可以当事件触发时从后台取数据来生成当前显示的页面,在Wex5中自带的多页面模板中没找到相应的触发事件。
②多页面滑动时可不可以title行不变,只滑动content和bottom啊
发表于 2017-6-27 11:54:12 | 显示全部楼层
button 和 content是多个页面滑动显示吗
使用panel组件布局!
第一个panel 只显示top和content,content中放置contents组件!

每个contents组件中都可以再放置panel只显示  bottom和 content   里面放置具体内容

这样切换contents的时候,就能做到
title行不变,只滑动content和bottom

可以看下关于panel的介绍:
http://doc.wex5.com/comps-panel/
以及contents 文档案例
http://doc.wex5.com/comps-contents/
/UI2/system/components/justep/contents/demo/contents.w
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
 楼主| 发表于 2017-6-27 13:40:33 | 显示全部楼层
liangyongfei 发表于 2017-6-27 11:54
button 和 content是多个页面滑动显示吗
使用panel组件布局!
第一个panel 只显示top和content,content中 ...

嗯,这个我已经明白了,我现在是想从后台取一个list,然后在contents中进行循环,list中的每条数据都放到一个content中,这样就可以根据后台数据的多少来生成相应个数的content了。我现在就是不大明白如何将取出来的list用到前台界面中进行循环,代码不知道该咋写,大神,能不能给我解释一下从后台取出来的list如何在html中写循环啊,给个具体例子可以吗
回复 支持 反对

使用道具 举报

发表于 2017-6-27 15:32:41 | 显示全部楼层
aoke123 发表于 2017-6-27 13:40
嗯,这个我已经明白了,我现在是想从后台取一个list,然后在contents中进行循环,list中的每条数据都放到 ...

其实不用这样的!就放置两个content 就能实现!数据只需要加载到data组件中!切换content的时候!顺便切换data组件的行索引就行了!

http://docs.wex5.com/wex5-ui-question-list-2133/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
 楼主| 发表于 2017-6-27 17:06:21 | 显示全部楼层
liangyongfei 发表于 2017-6-27 15:32
其实不用这样的!就放置两个content 就能实现!数据只需要加载到data组件中!切换content的时候!顺便切 ...

哦,这样啊。关于数据加载到data组件,是如何让取出的数据与data的列一一对应的呢,data的列名要和取出的json数据的名一致吗?
数据加载到data组件是下面这样写吗
Model.prototype.data1CustomRefresh = function(event){
                var url=require.toUrl("./json/data1.json");
                $.ajaxSettings.async=false;//这句是啥意思啊?
                $.getJSON(url,function(data){
                event.source.loadData(data);
                });
        };

是不是下面这样写也可以啊?
                var url = require.toUrl("./json/data1.json");
                allData.loadDataFromFile(url, event.source, true);
回复 支持 反对

使用道具 举报

发表于 2017-6-27 18:45:52 | 显示全部楼层
aoke123 发表于 2017-6-27 17:06
哦,这样啊。关于数据加载到data组件,是如何让取出的数据与data的列一一对应的呢,data的列名要和取出的 ...

http://docs.wex5.com/wex5-ui-question-list-2032/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
 楼主| 发表于 2017-7-28 13:53:51 | 显示全部楼层
liangyongfei 发表于 2017-6-27 18:45
http://docs.wex5.com/wex5-ui-question-list-2032/

请结贴吧
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-10 07:34 , Processed in 0.056563 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表