使用list 加 scrollView组件，第一次加载数据发送两次请求的问题
使用list 加 scrollView组件显示数据，默认情况，如果一次加载的数据显示占不满整个屏幕！就会多请求一次数据！ 如果不想默认多发一次请求， 设置 scrollView组件的 autoAppend 为false 就不会自动多加载 一次 了！
开始新搜索？
如果没有找到相关内容，请试试再次搜索！
调用data刷新，scrollView显示加载到最后，无法下拉加载数据
如果是自己接管scrollView的下拉事件，调用了data.refreshData() 可能会出现scrollView无法自动更改为：继续上划加载数据 这个时候，不要直接调用data.refreshData() ，可以通过调用list的刷新触发data刷新来实现，这个时候list和data都会刷新，并且scrollView显示正常 代码是： this.comp('list').refresh(true); 参数true表示更新data数据，信息接收请看API
scrollView 局部显示问题
scrollView 组件就是放在可以滚动的节点中的！如果你的col 或 div 高度是固定的，并且有滚动条，就可以放置scrollView组件 如果高度不是固定的，row 和col 肯定是不能使用scrollView组件的！ div中当然还可以设置flex 布局 你可以（3.3版本中） 参考下这个文件中：UI2/system/templates/common/mainDataBaas.w 父设置了x-flex x-flex-column 放置scrollView组件的div上设置class属性是： x-flex1 x-scroll-view 这种放置只能在最新的浏览器中起作用 总体来讲就是运行时有固定高度，能出现滚动条的时候才可以放置scrollView组件！
ios中隐藏scrollView的滚动条
scrollView组件默认在ios上在下拉上滑时会显示滚动条，如果需要隐藏滚动条，参考如下修改（推荐用控制空间的方式修改）： 在/UI2/system/components/justep/common/css/forms.less中加上 ::-webkit-scrollbar { display: none; } 然后执行tools\dist\less.bat，tools\dist\dist.bat，注意两个文件的执行顺序 修改css需要注意缓存的问题，参考http://docs.wex5.com/bex5-deploy-question-list-4013/
使用代码修改scrollView组件的提示文字
比如： var scrollVeiw = this.comp('ScrollView'); scrollVeiw.noMoreLoadLabel = '加载完成'; scrollVeiw.refresh(); 变量的名字可以看源码：/UI2/system/components/justep/scrollView/scrollView.js 分别是： this.pullDownLabel = "下拉刷新"; this.pullDownMoveLabel = "松开刷新"; this.pullDownLoadingLabel = "加载中...."; this.pullUpLabel = "加载更多"; this.pullUpMoveLabel = "释放加载"; this.pullUpLoadingLabel = "加载中...."; this.noMoreLoadLabel = "已经到最后."; [...]
ScrollView组件
视频地址：http://pan.baidu.com/s/1gdzk4gz ScrollView组件, 滚动容器，配合列表组件使用，实现向上滑动加载数据、向下滑动刷新数据 目录 一、综述 二、DOM结构 三、样式 四、属性 五、方法 六、事件 七、操作 八、案例 一. 综述 ScrollView组件滚动容器，配合列表组件使用，实现向上滑动加载数据、向下滑动刷新数据。！ 组件路径：/UI2/system/components/justep/scrollView 组件标识：$UI/system/components/justep/scrollView/scrollView 配合其它组件使用，可实现以下功能： 简单实现滚动列表 定位到指定位置 刷新显示图片 二. DOM结构 典型dom结构 <div component="$UI/system/components/justep/scrollView/scrollView" xid="scrollView1" hScroll="false" vScroll="false" hScrollbar="true" vScrollbar="false" fadeScrollbar="false" hideScrollbar="false" [...]
ScrollView组件的前世今生
前世： 自从iphone上的mail应用有了这种加载的手势之后，我们发现很多本地应用都默默的采用了这种方式。这种手势已经成为一种趋势。那么我们能不能在移动端的html中模拟出这种本地效果里？ 首先让我们来分析下这里面的东西。 1.有滚动效果。滚动条不是默认就有的，或许有的时候不要滚动条更好看点，有时候要滚动条好点，也就是滚动条需要可以自定义。 2.可以下拉，上面有一部分能拉出来，同样的 下滑到最后可能触发事件，再出个菊花转什么的，用来加载更早的文章之类的。 3. 既然有纵向，是不是应该有横向。 4.说到横向，就想到图片轮播，那么能不能固定边界到某个元素，不偏不倚。 今生: 所以我们在想我们是否也能在网页中模拟这种效果？ 首先第一轮尝试我们想用浏览器原生的滚动区域（overflow：auto，-webkit-overflow-scrolling：touch）来模拟这种效果，但是很快就发现原生的滚动条，在局部区域滚动的时候效果都不理想，虽然能做到拉出东西，但是反映不灵敏，在滚动到最上面的时候，总有卡顿的现象。 同时，我们同时希望能做到滚动惯性，滚动弹动等效果，包括定义滚动条颜色宽度，是否隐藏，以及隐藏动画等，显然使用浏览器原生效果并不能令人满意，这个时候我们自然的想到了移动开发中一个不可不知的类库iscroll.让我们读一下iscroll把。 iscroll告诉我们，原生不太靠谱，自己动手丰衣足食。iscroll并没有考虑原生行为，而是通过模拟实现。因为iscroll要做很多事，而原生意味着不可控。iscroll通过使用css3动画以及帧动画（requestAnimationFrame）来模拟滚动，对区域滚动的行为、状态绝对可控，这样就可以大作文章，如知悉滚动位置，缩放控制等。 嗯，不错，基因一致就用这个了，所以我们就基于iscroll实现了scrollView组件。 既然我们是基于iscroll实现的scrollView，那我们先看下iscroll的基本属性和api。 常用的参数如下： hScroll false 禁止横向滚动 true横向滚动 默认为true vScroll [...]
scrollVeiw 组件获取纵向滚动的位置
在scrollView 的 onScrollEnd onScrollMove事件中 通过一以代码就能知道，scrollView 纵向滚动了多少位置，顶部从0开始，越向下 越是 负向增长 event.source.scroller.y //随之高度的改变动态修改titleBar的值！ Model.prototype.demoListScrollMove = function(event){ var height = -event.source.scroller.y; this.getElementByXid('titleBar1').style.backgroundColor= "rgb(0,0,"+Math.round(height/10)+")"; };
data组件和list组件关于limit属性的理解
Data 中limit 是为了后台分页加载数据，每页次limit条的数据！ list 中limit 属性表示页面中每次渲染的行数！往往配合scrollView组件使用！ 当list 的limit属性设置为-1或和data的limit一致时！会一次性显示data中的全部数据 小于data中limit 时，每次只渲染data中一部分数据！当data中数据不够渲染时才会去后台加载下一波数据！ 大于data中limit！一般不这样做！否则每渲染一次！要连续后台加载两次
添加滚动调的监听事件
1.如果是scrollView 组件 可以在onScrollMove 事件中接管！可以在event上获取一些这个组件相关的数据，用法可以参考：http://docs.wex5.com/comps-scrollview/ 2.自定义的滚动条，需要获取滚动节点对象，然后使用jQuery 进行封装，比如： var dom = this.getElementByXid('content1'); $(dom).scroll(function() { debugger; });