index-controller.js
4.28 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
/**
* 首页
*/
define(
"order/index-controller",
[
'mk7/controller',
'mk7/url',
'mk7/utils',
],
function(ctrl, url, utils) {
var $$ = Dom7;
var t7 = Template7;
var ctrl = new ctrl();
var pageURL = 'order/default/order-list';
ctrl.run = function () {
var me = this;
me.setPageTitle("订单列表");
me.tab = me.params.tab;
me.page = 0;
me.nodata = '';
me.loading = false;
me.pageCount = 1;
me.render({tab:me.tab});
me.loadPage()
}
ctrl.bindEvents = function () {
var me = this;
console.log("bindEvents");
me.tabEvent();
me.bindScrollEvent();
me.addEvent();
me.orderClickEvent();
}
ctrl.tabEvent = function() {
$$('.tab-cls').click(function(e) {
var url = $$(this).attr('data-href');
window.location.replace(url);
})
}
ctrl.handleNodata = function(){
var me = this;
me.nodata = '没有数据了';
var e = $$('.nodata');
if(0 == e.length) {
$$('#index .order-list').append('<div class="nodata">'+me.nodata+'</div>');
}
me.app.detachInfiniteScroll('.infinite-scroll');
$$('#index .infinite-scroll-preloader').remove();
return;
}
ctrl.loadPage = function () {
var me = this;
me.loading = true;
if (me.page >= me.pageCount){
me.handleNodata();
return ;
}
var data = {status:me.tab}
data.page = me.page + 1;
data = me.csrf(data);
$$.ajax({
method : "GET",
url: url.to(pageURL),
data : data,
dataType : "json",
beforeSend : function(){
me.showIndicator();
},
success : function(e){
if(true == e.success){
if(utils.isDefined(e.page)){
me.page = parseInt(e.page);
}
if(utils.isDefined(e.page_count)){
me.pageCount = parseInt(e.page_count);
}
me.renderItems(e.items, true);
if (me.page >= me.pageCount){
me.handleNodata();
return ;
}
}
},
error : function(e){},
complete : function(e){
me.hideIndicator();
me.loading = false;
},
});
}
ctrl.bindScrollEvent = function() {
var me = this;
me.app.attachInfiniteScroll('#index .infinite-scroll');
$$('#index .infinite-scroll').on('infinite', function () {
// 如果正在加载，则退出
//console.log(me.loading);
if (me.loading) {
return;
}
if (me.nodata) {
return;
}
me.loadPage();
});
}
ctrl.renderItems = function(items, append){
var me = this;
var list = $$('#index .order-list');
var ele = $$('script#order-item-template');
var compiled = t7.compile(ele.html());
var doms = compiled({'list':items});
if( false == append){//填充还是重置数据
list.html('');
list.append(doms);
}
list.append(doms);
}
ctrl.addEvent = function() {
$$('#index .add-btn-cls').click(function(e) {
window.location.href = url.to('order/#submit');
})
}
ctrl.orderClickEvent = function() {
$$('#index').on('click', '.order-item', function(e){
var id = $$(this).attr('data-id')
window.location.href = url.to('order#order-details/'+id)
})
}
return ctrl;
}
);