能夠包含各類子組件ide
<refresh style="width:750;padding:30;flex-direction:row;justify-content:center;" onrefresh="refresh" display="{{isShowRefresh}}"> <text style="text-align:center;">PULL TO REFRESH</text> <loading-indicator style="width:50;height:50;color:#3192e1;"></loading-indicator> </refresh>
// 在 refresh 方法中須要先將 刷新的佈局 顯示出來,在刷新完畢時將 佈局 隱藏
refresh:function(){
var self=this;
self.isShowRefresh='show';
self.getPaper(self.paperUrl,function(results){
self.paperList=[];
self.isShowLoading='hide';
for(var i = 0; i < results.length; i++) {
var paper=results[i];
self.paperList.push(paper);
}
});
self.isShowRefresh='hide';
},
<cell> <div class="item" repeat="item in paperList"> <div class="exam-div" > <text class="exam" url="{{item.url}}" onclick="exam">參加考試</text> </div> </div> </cell>
// url="{{item.url}}"--- url 爲自定義屬性,併爲他賦值,在 onclick 事件中能夠經過 el.target.attr.url 獲取該屬性(el 表明了所點擊組件的對象,能夠經過 el.target.attr.*** 來獲取該組件的屬性值)
exam:function(e){
console.log('i am the callback '+e.target.attr.url);
var self=this;
var url=e.target.attr.url;
modal.toast({'message':url,'doation':1});
var params = {'url':url,'animated':'true'};
navigator.push(params, function(e) {});
},
<loading style="width:750;padding:30;justify-content:center;background-color:#cccccc;" onloading="loading" display="{{isShowLoading}}"> <text style="text-align:center;color:#3192e1;">正在加載。。。</text> </loading>