list中使用progress组件

JDaShen

我要在list中加入progress组件，这个组件的进度是根据某一个baasdata的计算列得到的值来渲染。遇到几个问题，其一，progress组件的onRender事件，onLoad事件都没有作用。其二，怎么把这个计算列的值付给progress?因progress组件事件都不起作用，我在modelLoad事件中我js来赋值，$(this).attr({"width":calProgress+"%"});   $(this).attr({"valuenow":calProgress});等等方法都不行,其三，我的baasdara一次只取了10条数据，怎么让上划刷新出数据后渲染进度条？是在baasdata的onCustomRefresh事件中再次渲染?

liangyongfei

参考：http://docs.wex5.com/wex5-ui-question-list-2020/  
progress 组件目前只支持set方法渲染！不支持动态绑定！
还有就是关于进度条的设置可以参考下：http://bbs.wex5.com/forum.php?mod=viewthread&tid=88234

JDaShen

经过多方实验，在modelLoad和scrollViewScrollMove中加入事件处理后比较完满的解决了，期望官方早日出动态绑定

liangyongfei

JDaShen 发表于 2016-6-30 16:23
经过多方实验，在modelLoad和scrollViewScrollMove中加入事件处理后比较完满的解决了，期望官方早日出动态 ...

你好楼主，这个特性目前版本不支持，已作为产品功能建议提交(内部编号：2016070100006)，感谢楼主的支持与配合。

XiaoQLuo

JDaShen 发表于 2016-6-30 16:23
经过多方实验，在modelLoad和scrollViewScrollMove中加入事件处理后比较完满的解决了，期望官方早日出动态 ...

progress组件是支持bind的;
下面的代码你可以参考一下,progress组件放在list中感知没有行数据的progress值,注意这里的progress值要为'50%'这样的格式

1.               <div class="progress" component="$UI/system/components/bootstrap/progress/progress"
   
2.                 xid="progress1">
   
3.                 <div class="progress-bar" role="progressbar" xid="progressBar1"
   
4.                   bind-style="{width:val('progress')}" bind-css="{'progress-bar-success':val('state')=='success','progress-bar-info':val('state')!='success'}">
   
5.                   <span xid="span4" bind-text="val('progress')">0%</span>
   
6.                 </div>
   
7.               </div>

复制代码

xinxiangxue

JDaShen 发表于 2016-6-30 16:23
经过多方实验，在modelLoad和scrollViewScrollMove中加入事件处理后比较完满的解决了，期望官方早日出动态 ...

楼主怎样解决