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

QQ登录

只需一步,快速开始

查看: 1908|回复: 1

[分享] 既能使用grid冻结列,又能使用Scrollview的效果

[复制链接]

40

主题

127

帖子

395

积分

中级会员

Rank: 3Rank: 3

积分
395
QQ
发表于 2016-11-2 13:15:07 | 显示全部楼层 |阅读模式
技术都是为了领导的脑洞而产生的。

在开发app的过程中,遇到一个问题,手机端列表展示大量数据。
需求:
1.表头固定,左边列冻结。只有内容展示部分可以前后左右拖动
2.不能使用分页,对于用户来说,使用Scrollview的向上拖动加载数据更合适。

但是经过测试,grid组件放入Scrollview中是没有效果的。

也可以通过在底部设置“加载数据”按钮,增加data的limit,展示更多数据,但是刷新数据组件会使用户看到的数据,回到第一行,用户又要拖动到刚才看到的那行,也不合适。

在查找了很多grid的组件特性后,发现一个很好用的方法:grid.addRow(行对象)
它可以直接在grid下面加入行内容。

代码:
data.each(function(params){
                                                        if(params.index>=(me.limit-15)){
                                                        me.comp("grid1").addRow(params.row)
                                                        ;}
                                                });
利用data的each遍历效果,就可以把新增的数据都直接加入到grid组件中展示,也不会刷新组件导致回到第一行,这样就实现了grid和Scrollview的功能上的结合。

1

主题

1831

帖子

821

积分

高级会员

Rank: 4

积分
821
QQ
发表于 2016-11-2 13:16:19 | 显示全部楼层
谢谢分享
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-6-2 01:18 , Processed in 0.100304 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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