wex5做的nutz社区，h5版本，还没完成，雏形

ecoolper

地址：http://webex5.cloudx5.com/
界面效果

biyaooo

高手

ecoolper

1、帖子信息分页做了优化
2、添加帖子详细信息，分页做了优化

biyaooo

牛啊

ecoolper

已完成分页优化，其他暂没有完成，但里面处理分页的代码和方案很值得学下，

1.         Model.prototype.dataDetailCustomRefresh = function(event) {
   
2.                 var data = event.source;
   
3.                 if (!this._id) {
   
4.                         event.cancel = true;
   
5.                         data.clear();
   
6.                         return;
   
7.                 }
   
8.                
   
9.                
   
10.                 var limit = event.limit;
    
11.                 var page = Math.ceil(event.offset / event.limit) + 1;
    
12.                 $.ajax({
    
13.                         type : 'GET',
    
14.                         url : "https://nutz.cn/yvr/api/v1/topic/" + this._id,
    
15.                         data : {
    
16.                                 page : page,
    
17.                                 limit : limit
    
18.                         },
    
19.                         success : function(result) {
    
20.                                 var datas = result.data.replies;
    
21.                                 for (var i = 0; i < datas.length; i++) {
    
22.                                         var row = datas[i];
    
23.                                         row.avatar_url = row.author.avatar_url;
    
24.                                         row.loginname = row.author.loginname;
    
25.                                 }
    
26.                                 data.loadData(datas, event.options.append);
    
27.                                 if (limit > datas.length) {
    
28.                                         data.setTotal(data.getCount());
    
29.                                 } else {
    
30.                                         data.setTotal(data.getCount() + 1);
    
31.                                 }
    
32.                         }
    
33.                 });
    
34. 
    
35.         };

复制代码

nutz-app.zip (2.81 KB, 下载次数: 112)

2016-7-6 23:16 上传

点击文件名下载附件