list组件可以倒叙排列么

eye215

如题，就是最新的一条在最底下。
还有怎么通过js到底指定的div位置，
$("html,body").animate({scrollTop(".x-panel-content").offset().bottom},1000)  没起作用。

liangyongfei

查询数据的时候！后台查询，根据时间排序即可！
data.setOrderBy('日期字段',1)   //升序排列
data.refreshData();

list请结合scrollView组件进行滚动
http://docs.wex5.com/wex5-ui-question-list-2008/

eye215

--------------

eye215

liangyongfei 发表于 2017-7-20 14:32
查询数据的时候！后台查询，根据时间排序即可！
data.setOrderBy('日期字段',1)   //升序排列
data.refresh ...

1.                        
   
2.                 var data = self.comp("msgData");
   
3. var list = [{"id":"43","mid":"5","receive_mid":"2","type":"text","content":"\u9017\u54e6","createtime":"1500531639","status":"0","username":"\u5927\u5927\u54c8\u5c14","avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","receive_username":"\u56de\u5fc6","receive_avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","loginuser":0},{"id":"42","mid":"5","receive_mid":"2","type":"text","content":"\u9aa8\u7070\u76d2","createtime":"1500531600","status":"0","username":"\u5927\u5927\u54c8\u5c14","avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","receive_username":"\u56de\u5fc6","receive_avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","loginuser":0},{"id":"41","mid":"2","receive_mid":"5","type":"text","content":"\u54c8\u54c8","createtime":"1500531578","status":"0","username":"\u56de\u5fc6","avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","receive_username":"\u5927\u5927\u54c8\u5c14","receive_avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","loginuser":1},{"id":"40","mid":"2","receive_mid":"5","type":"text","content":"\u597d\u5427","createtime":"1500531274","status":"0","username":"\u56de\u5fc6","avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","receive_username":"\u5927\u5927\u54c8\u5c14","receive_avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","loginuser":1},{"id":"39","mid":"2","receive_mid":"5","type":"text","content":"\u5e72\u561b\u5462","createtime":"1500528084","status":"0","username":"\u56de\u5fc6","avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","receive_username":"\u5927\u5927\u54c8\u5c14","receive_avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","loginuser":1},{"id":"38","mid":"5","receive_mid":"2","type":"text","content":"\u771f\u9017","createtime":"1500527945","status":"0","username":"\u5927\u5927\u54c8\u5c14","avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","receive_username":"\u56de\u5fc6","receive_avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","loginuser":0},{"id":"37","mid":"5","receive_mid":"2","type":"text","content":"\u54c8\u54c8","createtime":"1500527900","status":"0","username":"\u5927\u5927\u54c8\u5c14","avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","receive_username":"\u56de\u5fc6","receive_avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","loginuser":0},{"id":"36","mid":"5","receive_mid":"2","type":"text","content":"\u6237\u53e3\u5361\u5bc4","createtime":"1500527560","status":"0","username":"\u5927\u5927\u54c8\u5c14","avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","receive_username":"\u56de\u5fc6","receive_avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","loginuser":0},{"id":"35","mid":"2","receive_mid":"5","type":"text","content":"\u9017\u6211\u5462","createtime":"1500527142","status":"0","username":"\u56de\u5fc6","avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","receive_username":"\u5927\u5927\u54c8\u5c14","receive_avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","loginuser":1},{"id":"34","mid":"2","receive_mid":"5","type":"text","content":"\u7ef4\u90ddih","createtime":"1500527114","status":"0","username":"\u56de\u5fc6","avatar":"http:\/\/m.dev.21future.com\/.\/data\/upload\/201706\/0627\/2\/2017062751100545.jpg","receive_username":"\u5927\u5927\u54c8\u5c14","receive_avatar":"http:\/\/m.dev.21future.com\/data\/upload\/avatar.jpg","loginuser":1}];
   
4.                         data.loadData(list);
   
5.                         data.setOrderBy("id",1)
   
6.                         data.refreshData();
   

复制代码

data.setOrderBy("id",1) 和 data.setOrderBy("id",0) 都是一样的排序。是写的不对么？

liangyongfei

eye215 发表于 2017-7-20 15:36
data.setOrderBy("id",1) 和 data.setOrderBy("id",0) 都是一样的排序。是写的不对么？
...

你的list是静态数据吗？
我说的这种方法是后端排序！查询 数据库的时候， sql 语句上的  Order By 实现的！

如果是前端排序！只能是先加载到data组件中，然后调用data.sort 进行排序了！

1. this.comp('mainData').sort(function(row1,row2){
   
2.             return row1.val('fage')>row2.val('fage')?1:-1;
   
3.     });

复制代码

eye215

liangyongfei 发表于 2017-7-20 15:42
你的list是静态数据吗？
我说的这种方法是后端排序！查询 数据库的时候， sql 语句上的  Order By 实现的 ...

list组件 或者 scroll组件 有排序的功能吗？

liangyongfei

eye215 发表于 2017-7-20 16:39
list组件 或者 scroll组件 有排序的功能吗？

没有！ｌｉｓｔ只有过滤的功能！排序还需要ｄａｔａ组件实现！