weex 小結 --

能夠包含各類子組件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>
相關文章
相關標籤/搜索