1vsN

multiple-server/web/biz/js/index.js

@@ -1,4 +1,4 @@
require(["wmTabbar","common","mobile","wademobile","util"], function(WmTabbar,Common,Mobile,WadeMobile) {
require(["wmTabbar","common","mobile","wadeMobile","util"], function(WmTabbar,Common,Mobile,WadeMobile) {
	var wmTabbar = new WmTabbar("tabbar");
	wmTabbar.create();
	
@@ -18,7 +18,6 @@ require(["wmTabbar","common","mobile","wademobile","util"], function(WmTabbar,Co
			loginData.put("APP_TYPE",appType);
			loginData.put("APP_ID",appId);
			Common.callSvc("LoginBean.loginApp",loginData,function(result){
				alert(result)
				if(appType=="I"){
					//alert("打开IPU应用"+appId);
					WadeMobile.openIpuApp(appId);

multiple-server/web/res/js/mobile/expand-mobile.js

@@ -23,6 +23,15 @@ define(["require"],function(require) {
				}
				storageCallback("getDate",callback);
				execute("getDate", [date,format],err);
			},getContactsView:function(callback,data,setting,err){
				if(data==undefined){
					data = new Wade.DataMap();
				}
				if(setting==undefined){
					setting = new Wade.DataMap();
				}
				storageCallback("getContactsView",callback);
				execute("getContactsView", [data.toString(),setting.toString()],err);
			},getPhoto:function(callback,type,err){//获取照片
				if(type==undefined){
					type = 1;//0-Base64编码的字符串 1- 文件路径
@@ -53,12 +62,12 @@ define(["require"],function(require) {
				execute("shock", [time],err);
			},call:function(sn,autoCall,err){
				if(autoCall==undefined){
					autoCall=1;//0-跳转至拨打界面,1-直接拨打
					autoCall = false;// false-跳转至拨打界面,true-直接拨打
				}
				execute("call", [sn,autoCall],err);
			},sms:function(sn,msg,autoSms,err){
				if(autoSms==undefined){
					autoSms=0;//0-跳转至短信界面,1-直接短信
					autoSms = false;// false-跳转至短信界面,true-直接短信
				}
				execute("sms", [sn,msg,autoSms],err);
			},openApp:function(appId,urlParams,installUrl,err){
@@ -213,6 +222,44 @@ define(["require"],function(require) {
				execute("sendText", [account,content],err);
			},setCallbackForPush:function(callback){
				execute("setCallbackForPush", [callback]);
			},registerForPushWithYunba:function(account,callback,err){
				storageCallback("registerForPushWithYunba",callback);
				execute("registerForPushWithYunba",[account],err);
			},unregisterForPushWithYunba:function(callback){
				storageCallback("unregisterForPushWithYunba",callback);
				execute("unregisterForPushWithYunba", []);
			},sendTextWithYunba:function(account,content,callback,err){
				storageCallback("sendTextWithYunba",callback);
				execute("sendTextWithYunba", [account,content],err);
			},setCallbackForPushWithYunba:function(callback){
				execute("setCallbackForPushWithYunba", [callback]);
			},aliPay:function(tradeNo,subject,body,price,callback,err){
				storageCallback("aliPay",callback);
				execute("aliPay",[tradeNo,subject,body,price],err);	
			},uploadWithServlet:function(filePath,dataAction,param,callback,err){
				if(typeof(filePath)=="string"){
					filePath = [filePath];
				}
				storageCallback("uploadWithServlet",callback);
				execute("uploadWithServlet",[filePath,dataAction,param],err);	
			},downloadWithServlet:function(savePath,dataAction,param,callback,err){
				storageCallback("downloadWithServlet",callback);
				execute("downloadWithServlet",[savePath,dataAction,param],err);	
			},uploadFile:function(filePath,servletUrl,callback,err){
				storageCallback("uploadFile",callback);
				execute("uploadFile",[filePath,servletUrl],err);	
			},downloadFile:function(savePath,servletUrl,callback,err){
				storageCallback("downloadFile",callback);
				execute("downloadFile",[savePath,servletUrl],err);	
			},recordVideo:function(callback,compressRatio,timeLimit,err){
				storageCallback("recordVideo",callback);
				execute("recordVideo",[compressRatio,timeLimit],err);	
			},playVideo:function(videoPath,callback,err){
				storageCallback("playVideo",callback);
				execute("playVideo",[videoPath],err);	
			},getContacts:function(callback,err){
				storageCallback("getContacts",callback);
				execute("getContacts",[], err);	
			}
		};
	})();
@@ -234,4 +281,4 @@ define(["require"],function(require) {
	}
	
	return ExpandMobile;
});
});

multiple-server/web/res/js/mobile/mobile-browser.js

@@ -19,6 +19,15 @@ define(["browserTool","jcl"],function(browserTool,Wade) {
		/*调用服务*/
		this.dataRequest = function(action, param, callback, isEscape, err) {
			browserTool.ajax.post(action, param, callback, isEscape, err);
			/*browserTool.ajax.post(action, param, function(resultData){
				resultData = Wade.DataMap(resultData);
				var x_resultcode = resultData.get("X_RESULTCODE");
				if(x_resultcode < 0){
					err(resultData);
				}else{
					callback(resultData);
				};
			}, isEscape, err);*/
		};
		/******************页面跳转**********************/
		/*页面跳转,url为跳转目标*/
@@ -194,7 +203,7 @@ define(["browserTool","jcl"],function(browserTool,Wade) {
		this.selectFirst = function(dbName,table,columns,conds,callback,err){
			alert("等待实现");
		};
		
		this.openNativeApp = function(packageName,className,param,err){
			alert("openNativeApp等待实现");
		};

multiple-server/web/res/js/mobile/mobile-client.js

@@ -44,7 +44,11 @@ define(["wadeMobile","clientTool"],function(WadeMobile,clientTool) {
		};
		/*将Page转换成html源码*/
		this.getPage = function(action, param, callback, err){
			alert("getPage待开发……");
			param = param ? param : "";
			if(typeof(param) != "string"){
				param = param.toString();
			}
			WadeMobile.getPage(callback,action,param,err);
		};
		/*回退到前一个界面*/
		this.back = function(){
@@ -82,8 +86,8 @@ define(["wadeMobile","clientTool"],function(WadeMobile,clientTool) {
				WadeMobile.setMemoryCache(key, value);
			}
		};
		this.getMemoryCache = function(callback,key, value){
			WadeMobile.getMemoryCache(callback,key, value);
		this.getMemoryCache = function(callback,key,value){
			WadeMobile.getMemoryCache(callback,key,value);
		};
		this.removeMemoryCache = function(key){
			WadeMobile.removeMemoryCache(key);
@@ -143,21 +147,21 @@ define(["wadeMobile","clientTool"],function(WadeMobile,clientTool) {
		this.execSQL = function(dbName,sql,bindArgs,callback,err){
			WadeMobile.execSQL(dbName,sql,bindArgs,callback,err);
		};
		this.insert = function(dbName,table,datas,callback,err){
			WadeMobile.insert(dbName,table,datas,callback,err);
		this.insert = function(dbName,sql,bindArgs,callback,err){
			WadeMobile.insert(dbName,sql,bindArgs,callback,err);
		};
		this.delete = function(dbName,table,datas,callback,err){
			WadeMobile.delete(dbName,table,datas,callback,err);
		this.delete = function(dbName,sql,bindArgs,callback,err){
			WadeMobile.delete(dbName,sql,bindArgs,callback,err);
		};
		this.update = function(dbName,table,datas,conds,callback,err){
			WadeMobile.update(sql,bindArgs,callback,err);
		this.update = function(dbName,sql,bindArgs,callback,err){
			WadeMobile.update(dbName,sql,bindArgs,callback,err);
		};
		this.select = function(dbName,table,columns,conds,callback,err){
			WadeMobile.select(sql,bindArgs,callback,err);
		this.select = function(dbName,sql,bindArgs,callback,err){
			WadeMobile.select(dbName,sql,bindArgs,callback,err);
		};
		//查询第一行数据,效率高
		this.selectFirst = function(dbName,table,columns,conds,callback,err){
			WadeMobile.selectFirst(sql,bindArgs,callback,err);
		this.selectFirst = function(dbName,sql,bindArgs,callback,err){
			WadeMobile.selectFirst(dbName,sql,bindArgs,callback,err);
		};
		
		this.openNativeApp = function(packageName,className,param,err){

multiple-server/web/res/js/mobile/wade-mobile.js

@@ -1,20 +1,19 @@
/**
 * 与客户端交互的基础API
 */
define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/biz-mobile.js"],function(Wade,Base64) {
define(["jcl","base64","res/js/mobile/expand-mobile.js","biz/js/common/biz-mobile.js"],function(Wade,Base64) {
	//终端类型,a为android,i为ios
    var terminalType = (function(){
	var terminalType = window["TerminalType"];
    var deviceType = (function(){
		var sUserAgent = navigator.userAgent.toLowerCase();
		var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
		var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
		var bIsIphone = sUserAgent.match(/iphone os/i) == "iphone os";
		var bIsAndroid = sUserAgent.match(/android/i) == "android";
		var bIsWinphone = sUserAgent.match(/windows phone /i) == "windows phone " || sUserAgent.match(/windows phone os /i) == "windows phone os ";
		if(bIsAndroid){
			return "a";
		}else if(bIsIpad||bIsIphoneOs){
		}else if(bIsIpad||bIsIphone){
			return "i";
		}else if(bIsWinphone){
			return "w";
		}else{
			return null;
		}
@@ -22,14 +21,9 @@ define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/bi
	
	WadeMobile = (function(){
        return{
        	isAndroid:function(){
        		return terminalType=='a';
        	},isIOS:function(){
        		return terminalType=='i';
        	},isWP:function(){
        		return terminalType=='w';
        	},isApp:function(){//判断是否是APP应用
				return terminalType!=null;
        	isApp:function(){//判断是否是APP应用
        		//deviceType=="i"是为了考虑客户端能加载远程Web页面
				return window["TerminalType"]||window["PluginManager"];
        	},getSysInfo:function(callback,key,err){//TELNUMBER|IMEI|IMSI|SDKVERSION|OSVERSION|PLATFORM|SIMNUMBER
				WadeMobile.callback.storageCallback("getSysInfo",callback);
				execute("getSysInfo", [key],err);
@@ -92,8 +86,6 @@ define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/bi
				execute("openSlidingMenu", [action,param,width,height,leftMargin,topMargin,isEscape],err);
			},closeSlidingMenu:function(result,state,err){
				execute("closeSlidingMenu", [result,state],err);
			},openIpuApp(callback,appName){
				execute("openIpuApp", [appName],err);
			}
		};
	})();
@@ -105,6 +97,7 @@ define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/bi
	var globalErrorKey = null;//全局错误关键字,定位错误
	
	/*绝大多数情况下,success回调函数是用不上的,有需要回调函数的时候异步方式传入取值*/
	var isAlert = true;//防止反复弹出alert
	var execute = function(action, args, error, success){
        args = stringify(args);
		if(terminalType=="a"){
@@ -114,8 +107,12 @@ define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/bi
		}else if(terminalType=="w"){
			winphoneExecute(action, args, error, success);
		}else{
			//alert("无终端类型");
			//iosExecute(action, args, error, success);
			if(isAlert){
				isAlert = false
				alert(action+"无终端类型");
			}else{
				console.log(action+"无终端类型");
			}
		}
	};
	
@@ -145,7 +142,6 @@ define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/bi
        }
        var WADE_SCHEME = "wade://";
        var url = WADE_SCHEME+action+"?param="+args+"&callback="+callbackKey;
        //var ifrmName = action;
        //一个动作请求客户端的最大数量，超过会造成请求覆盖
        var limitAction = 10;
        var ifrmName = "WADE_FRAME_"+(callbackId%limitAction);
@@ -223,7 +219,7 @@ define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/bi
		        }
			},execCallback:function(callbackKey, data){
				globalErrorKey = callbackKey;
				var callbackItem= callbackDefine[callbackKey];
				var callbackItem = callbackDefine[callbackKey];
				if (callbackItem) {
					data = data=="null"?null:data;
		        	if(data){
@@ -349,8 +345,7 @@ define(["jcl","base64","util","res/js/mobile/expand-mobile.js","biz/js/common/bi
	        }
	        s = s + "]";
	        return s;
	    }
	    else {
	    }else {
	        return JSON.stringify(args);
	    }
	};

multiple-server/web/res/js/require-config.js

@@ -16,7 +16,7 @@ require.config({
		'iScroll5' : 'base/iscroll5',
		'hammer' : 'base/hammer',
		'o' : 'frame/o',
		'oEvent' : 'frame/o-event',
		//'oEvent' : 'frame/o-event',
		'oInput' : 'frame/o-input',
		'tap' : 'frame/tap',
		'browserTool' : 'mobile/browser-toolkit',
@@ -43,7 +43,9 @@ require.config({
		'wmProgress' : 'ui/wm-progress',
		'wmSegment' : 'ui/wm-segment',
		'wmDialog' : 'ui/wm-dialog',
		'wmDropmenu' : 'ui/wm-dropmenu'
		'wmDialog2' : 'ui/wm-dialog2',
		'wmDropmenu' : 'ui/wm-dropmenu',
		'wmRefresh' : 'ui/wm-refresh'
		
	},
	deps: [],

multiple-server/web/res/js/ui/wm-dropmenu.js

@@ -4,132 +4,150 @@
 * example:
 * 		new IScroll("#content",{tap:true,scrollbars: true,useTransform:false});  
 */
define(["jcl","iScroll","wmWebUI"],function($,iScrol,WmWebUI){
	function DropmenuItem(obj,parent){
		this.entity=obj;
		this.parent=parent;
define(["jcl","wmWebUI"],function($,WmWebUI){
	/*下拉菜单构造方法*/
	function WmDropmenu(id) {
		this.items = new Array();
		var dropmenu = WmWebUI.getElement(id);
		/* 使用children方法代替子元素选择器，是为了防止有子元素误判 */
		this.selectLabel = dropmenu.children("div").eq(0).children("span").eq(0);
		this.menu = dropmenu.children("div").eq(1);
		this.closeAction;// 关闭事件
		this.openAction;// //打开事件
		WmWebUI.store(id, this);
	}
	DropmenuItem.prototype.remove=function(){
		this.entity.parentNode.removeChild(this.entity);
		this.parent.initMenu();
		this.parent.items.splice(this.getIndex(),1)
	}
	DropmenuItem.prototype.html=function(html){
		if(html==undefined){
			return this.entity.innerHTML;
		}else{
			this.entity.innerHTML=html;
	/*下拉菜单项构造方法*/
	function WmDropmenuItem(parent, index, domElement) {
		this.parent = parent; //父对象
		this.index = index; //菜单项序号
		this.domElement = domElement; //菜单项dom元素
		this.action;  //菜单项点击事件
		if(domElement.id){
			WmWebUI.store(domElement.id, this);
		}
		var that = this;
		$(this.domElement).tap(function() {
			that.action && that.action(that);
		});
	}
	DropmenuItem.prototype.click=function(callback){
		var that=this;
		this.entity.onclick=function(){
			callback(that);
	/*移除下拉菜单项*/
	WmDropmenuItem.prototype.remove = function() {
		this.domElement.parentNode.removeChild(this.domElement);
		this.parent.items.splice(this.index, 1);//删除第index个元素
		for ( var i = this.index; i < this.parent.items.length; i++) {
			this.parent.items[i].index = i;
		}
		this.parent.initMenu();
	}
	DropmenuItem.prototype.getIndex=function(){
		for(var i=0;i<this.parent.items.length;i++){
			if(this.parent.items[i]==this){
				return i;
			}
	/*设置或返回下拉菜单项的html*/
	WmDropmenuItem.prototype.html = function(html) {
		if (html == undefined) {
			return this.domElement.innerHTML;
		} else {
			this.domElement.innerHTML = html;
		}
		return -1;
	}
	DropmenuItem.prototype.getParent=function(){
		return this.parent;
	/*设置下拉菜单项的事件*/
	WmDropmenuItem.prototype.setAction = function(action) {
		this.action = action;
	}
	function WmDropmenu(id){
		this.entity=(function(obj){
			if(typeof(obj)=="object"){
				obj=$(obj);
			}else if(typeof(obj)=="string"){
				obj=$("#"+obj);
			}else{
				alert("没有匹配的类型");
				return null;
			}
			return obj;
		})(id);
		this.btn=this.entity.children("div").eq(0).children("span").eq(0);
		this.menu=this.entity.children("div").eq(1);
		this.closeAction=function(){};
		this.openAction=function(){};
		this.items=new Array();
		this.lis=this.menu.children("ul").children("li");
		this.temp=false;
		var that=this;
		$.each(this.lis,function(index,obj){
			var item=new DropmenuItem(obj,that);
			that.items.push(item);
		});
	/*获取下拉菜单项的序号*/
	WmDropmenuItem.prototype.getIndex=function(){
		return this.index;
	}
	/*初始化下拉菜单*/
	WmDropmenu.prototype.initMenu=function(){
		this.menu.css("display","");
		//设置 dropmenu
		//初始化（CSS已将它默认放到了界面之外，以下设置不会造成闪烁）
		this.menu.children("ul").css("top",(this.menu.height())*(-1) + "px");
		this.menu.children("ul").css("transition","transform 0.2s ease-out");
		this.btn.children(".e_ico-unfold").css("transition","transform 0.2s ease-out");
		this.menu.children("ul").css("transition","-webkit-transform 0.2s ease-out");
		this.menu.children("ul").css("-webkit-transition","transform 0.2s ease-out");
		this.selectLabel.children(".e_ico-unfold").css("transition","transform 0.2s ease-out");
		this.selectLabel.children(".e_ico-unfold").css("-webkit-transition","-webkit-transform 0.2s ease-out");
		this.menu.css("visibility","hidden");
		//位置
		this.menu.css("left",this.btn.offset().left + this.btn.width() - this.menu.width());//靠右要减去这两个 width()，靠左则不需要
		this.menu.css("top",this.btn.offset().top + 1.1 * this.btn.height());/*modified*/
		this.menu.css("left",this.selectLabel.offset().left + this.selectLabel.width() - this.menu.width());//靠右要减去这两个 width()，靠左则不需要
		this.menu.css("top",this.selectLabel.offset().top + 1.1 * this.selectLabel.height());/*modified*/
		this.menu.css("display","none");
		this.menu.css("visibility","visible");
	}
	WmDropmenu.prototype.create=function(){
	WmDropmenu.prototype.create = function() {
		var that = this;
		var lis = this.menu.children("ul").children("li");
		lis.each(function(index) {
			that.items.push(new WmDropmenuItem(that, index, this));
		});
		this.initMenu();
		var that=this;
		//显隐
		this.btn.click(function(){
			if(that.invisible()){
		// 显隐
		this.selectLabel.tap(function() {
			if (that.invisible()) {
				that.show();
			}else{
			} else {
				that.hidden();
			}
		});
	};
	WmDropmenu.prototype.invisible=function(){
	/*获取下拉菜单项*/
	WmDropmenu.prototype.getDropmenuItem = function(index){
		return this.items[index];
	}
	/*获取下拉菜单项集合*/
	WmDropmenu.prototype.getDropmenuItems = function() {
		return this.items;
	};
	/*判断下拉菜单是否可见*/
	WmDropmenu.prototype.invisible = function() {
		return this.menu.css("display") == "none";
	};
	WmDropmenu.prototype.show=function(){
		this.openAction();
		this.menu.css("display","");
	/*显示下拉菜单*/
	WmDropmenu.prototype.show = function() {
		this.openAction && this.openAction();
		this.menu.css("display", "block");
		this.menu.children("ul").css("transform","translateY(" + this.menu.height() + "px)");
		this.btn.find(".e_ico-unfold").css("transform","rotate(180deg)");
		this.menu.children("ul").css("-webkit-transform","translateY(" + this.menu.height() + "px)");
		this.selectLabel.find(".e_ico-unfold").css("transform","rotate(180deg)");
		this.selectLabel.find(".e_ico-unfold").css("-webkit-transform","rotate(180deg)");
	};
	WmDropmenu.prototype.hidden=function(){
		this.closeAction();
	/*隐藏下拉菜单*/
	WmDropmenu.prototype.hidden = function(){
		this.closeAction && this.closeAction();;
		this.menu.children("ul").css("transform","translateY(0)");
		this.btn.find(".e_ico-unfold").css("transform","rotate(0)");
		this.menu.children("ul").css("-webkit-transform","translateY(0)");
		this.selectLabel.find(".e_ico-unfold").css("transform","rotate(0)");
		this.selectLabel.find(".e_ico-unfold").css("-webkit-transform","rotate(0)");
		this.menu.css("display","none");
	};
	WmDropmenu.prototype.removeAll=function(){
		this.menu.children("ul")[0].innerHTML="";
		this.items=new Array();
	/*删除所有下拉菜单项*/
	WmDropmenu.prototype.removeAll = function() {
		this.menu.children("ul")[0].innerHTML = "";
		this.items = new Array();
	};
	WmDropmenu.prototype.push=function(obj){
	/*添加下拉菜单项*/
	WmDropmenu.prototype.push = function(obj){
		this.menu.children("ul").append("<li>"+obj+"</li>");
		this.initMenu();
		var li=this.menu.children("ul").children("li").last()[0];
		var item=new DropmenuItem(li,this);
		var lis = this.menu.children("ul").children("li");
		var item = new WmDropmenuItem(this,lis.length-1,lis.last()[0]);
		this.items.push(item);
		return item;
	};
	WmDropmenu.prototype.setLabel=function(label){
		this.btn.children("span")[0].innerHTML=label;
	};
	WmDropmenu.prototype.getLabel=function(){
		return this.btn.children("span")[0].innerHTML;
	/*设置下拉菜单文本 */
	WmDropmenu.prototype.setLabel = function(label) {
		this.selectLabel.children("span")[0].innerHTML = label;
	};
	WmDropmenu.prototype.setCloseAction=function(callback){
		this.closeAction=callback;
	/*获取下拉菜单文本 */
	WmDropmenu.prototype.getLabel = function() {
		return this.selectLabel.children("span")[0].innerHTML;
	};
	WmDropmenu.prototype.setOpenAction=function(callback){
		this.openAction=callback;
	/*设置下拉菜单打开事件 */
	WmDropmenu.prototype.setOpenAction = function(callback) {
		this.openAction = callback;
	};
	WmDropmenu.prototype.getItems=function(){
		return this.items;
	/*设置下拉菜单关闭事件 */
	WmDropmenu.prototype.setCloseAction = function(callback) {
		this.closeAction = callback;
	};
	return WmDropmenu;
});

multiple-server/web/res/js/ui/wm-popup.js

@@ -1,8 +1,10 @@
define(["module","oEvent"],function(module,oEvent){
define(["module","tap"],function(module,tap){
	var popup;
	function createNew(popupDom) {
		var popup = typeof popupDom == 'object' ? popupDom : document.getElementById(popupDom);
		popup = typeof popupDom == 'object' ? popupDom : document.getElementById(popupDom);
		for (var i = 1; i < arguments.length; i++) {
			var o = typeof arguments[i] == 'object' ? arguments[i] : document.getElementById(arguments[i]);
			/*
			oEvent.tap(o,(function(popup){
				if(popup.className == "c_popup") {
					popup.className = "c_popup c_popup-view";
@@ -10,6 +12,14 @@ define(["module","oEvent"],function(module,oEvent){
					popup.className = "c_popup";
				}
			}),popup)
			*/
			$(o).tap(function(){
				if(popup.className == "c_popup") {
					popup.className = "c_popup c_popup-view";
				} else {
					popup.className = "c_popup";
				}
			});
		}
		return popup;
	}

multiple-server/web/res/js/ui/wm-refresh.js

@@ -1,3 +1,117 @@
define(["jcl","iScroll","wmWebUI"], function($,iScrol,WmWebUI){
define(["iScroll"], function(iScroll){
	
	function WmRefresh(id){
		this.id = id;
		this.pullDownAction = null;
		this.pullUpAction = null;
		this.init();
		
	}
	
	/**
	* 下拉刷新 （自定义实现此方法）
	* myScroll.refresh();		// 数据加载完成后，调用界面更新方法
	*/
	
	WmRefresh.prototype.setPullDownAction = function(action){
		if(typeof(action) == "function") {
			this.pullDownAction = action;
		}
		
	}
	
	/**
	* 滚动翻页 （自定义实现此方法）
	* myScroll.refresh();		// 数据加载完成后，调用界面更新方法
	*/
	
	WmRefresh.prototype.setPullUpAction = function(action){
		if(typeof(action) == "function") {
			this.pullUpAction = action;
		}
	}
	/**
	* 初始化iScroll控件
	*/
	WmRefresh.prototype.init = function() { 
		var pullDownEl, pullDownOffset,
		pullUpEl, pullUpOffset;
		var that = this;
		var maxHeight = document.getElementById(that.id).offsetHeight + "px";
		document.getElementById("c-refresh-wrapper").style.height = maxHeight;
		pullDownEl = document.getElementById('pullDown');
		pullDownOffset = pullDownEl.offsetHeight;
		pullUpEl = document.getElementById('pullUp');	
		pullUpOffset = pullUpEl.offsetHeight;
		var myScroll = new iScroll('c-refresh-wrapper', {
		//	scrollbarClass: 'myScrollbar', /* 重要样式 */
			useTransition: true, /* 此属性不知用意，本人从true改为false */
			topOffset: pullDownOffset,
			onRefresh: function () {
				console.log(this.maxScrollY);
				if (pullDownEl.className.match('loading')) {
					pullDownEl.className = '';
					pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新...';
				} else if (pullUpEl.className.match('loading')) {
					pullUpEl.className = '';
					pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多...';
				}
			},
			onScrollMove: function () {
				if (this.y > 5 && !pullDownEl.className.match('flip')) {
					pullDownEl.className = 'flip';
					pullDownEl.querySelector('.pullDownLabel').innerHTML = '松手开始更新...';
					this.minScrollY = 0;
				} else if (this.y < 5 && pullDownEl.className.match('flip')) {
					pullDownEl.className = '';
					pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新...';
					this.minScrollY = -pullDownOffset;
				} else{
					var c_height = document.getElementById("c-refresh-wrapper").offsetHeight;
					var s_height = document.getElementById("c-refresh-scroller").offsetHeight;
					var distance;
					if (c_height > s_height) {
						distance = - (1.5 * pullUpOffset);
					}else{
						distance = this.maxScrollY - pullUpOffset;
					}
					if (this.y < distance && !pullUpEl.className.match('flip')) {
						pullUpEl.className = 'flip';
						pullUpEl.querySelector('.pullUpLabel').innerHTML = '松手开始更新...';
						this.maxScrollY = this.maxScrollY;
					} else if (this.y > distance && pullUpEl.className.match('flip')) {
						pullUpEl.className = '';
						pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多...';
						// this.maxScrollY = pullUpOffset;
					}
				}
			},
			onScrollEnd: function () {
				if (pullDownEl.className.match('flip')) {
					pullDownEl.className = 'loading';
					pullDownEl.querySelector('.pullDownLabel').innerHTML = '加载中...';
					if(that.pullDownAction){
						that.pullDownAction(myScroll);	
					}else{
						console.log("未定义下拉刷新方法");
						myScroll.refresh();	
					}
					
				} else if (pullUpEl.className.match('flip')) {
					pullUpEl.className = 'loading';
					pullUpEl.querySelector('.pullUpLabel').innerHTML = '加载中...';
					if(that.pullUpAction){
						that.pullUpAction(myScroll);	
					}else{
						console.log("未定义上拉加载更多");
						myScroll.refresh();	
					}
				}
			}
		});
	}
		
	return WmRefresh;
})

multiple-server/web/res/js/ui/wm-switch.js

@@ -1,234 +1,202 @@
define(["jcl","iScroll","wmWebUI"],function($,iScrol,WmWebUI){
	function WmSwitch(id){
		this.entity=(function(obj){
			if(typeof(obj)=="object"){
				obj=$(obj);
			}else if(typeof(obj)=="string"){
				obj=$("#"+obj);
			}else{
				alert("没有匹配类型");
				return null;
			}
			return obj;
		})(id);
		//存储开关状态的值
		this.input=this.entity.find("input");
		//三个span，用来存储开、关、及开关滑块
		this.span=this.entity.find("span");
		//根据开关的默认状态，计算开关滑块到开关控件最边缘的间隙
		var space=0;
		space=this.span[2].offsetLeft-this.span[2].offsetWidth;	
		//console.log("space:"+space)
		//计算滑块左右应当移动的距离
		this.distance=this.entity[0].offsetWidth-this.span[2].offsetWidth-2*space;
		//console.log("distancd:"+this.distance)
		//设置开关是否可用
		this.enable=true;
		//当开关状态改变，或试图改变开关状态时调用(开关不可用时)。
		this.changeAction=function(){};
		//当开关被打开时调用。
		this.onAction=function(){};
		//当开关被关闭时调用。
		this.offAction=function(){};
/**
 * 开关组件
 */
define(["jcl","wmWebUI"],function($,WmWebUI){
	function WmSwitch(id) {
		this.entity = WmWebUI.getElement(id);
		this.input = this.entity.find("input");// 存储开关状态的值
		this.span = this.entity.find("span");// 三个span，用来存储开、关、及开关滑块
		var space = 0;// 根据开关的默认状态，计算开关滑块到开关控件最边缘的间隙
		space = this.span[2].offsetLeft - this.span[2].offsetWidth;
		this.distance = this.entity[0].offsetWidth - this.span[2].offsetWidth - 2 * space;// 计算滑块左右应当移动的距离
		this.disabled = false;// 设置开关非禁用
		this.onAction;	// 开关打开事件
		this.offAction;	// 开关关闭事件
		this.changeAction;// 开关状态变化时的事件
		this.clickAction;// 开关点击事件
		
		WmWebUI.store(id,this);
	}
	WmSwitch.prototype.create=function(){
		var that=this;
		if(!this.entity){
			alert("无法获取网页元素");
			return;
		}
		dragEvent(this);
	};
	
	function getX(event){
		return event.touches?event.touches[0].pageX:event.clientX;
	};
	//鼠标拖拽事件
	/*鼠标拖拽事件*/
	function dragEvent(that){
		//开关控件本身
		var obj=that.entity[0];
		//滑块
		var blockObj=obj.children[2];
		//是否为触屏
		var obj = that.entity[0];// 开关控件本身
		var blockObj = obj.children[2];// 滑块
		// 判断是否为触屏
		var hasTouch = "ontouchstart" in window;
		var START_EVENT = hasTouch ? "touchstart" : "mousedown";
		var MOVE_EVENT = hasTouch ? "touchmove" : "mousemove";
		var END_EVENT = hasTouch ? "touchend" : "mouseup";
		var CANCEL_EVENT = hasTouch ? "touchcancel" : "mouseup";
		//开始移动的位置
		var startX=-1;
		//当前被操作的元素
		var currElement;
		//是否在移动
		var isMoving=false;
		//正则，用于获取translateX的数值
		var reg=/\-?[0-9]+/g;
		//移动标志，用于区分是单击，还是移动事件
		var moveFlag=false;
		//body上的鼠标结束移动回调函数
		var handler=function(event){
		
		var startX = -1;// 开始移动的位置
		var currElement;// 当前被操作的元素
		var isMoving = false;// 是否在移动
		var reg = /\-?[0-9]+/g;// 正则，用于获取translateX的数值
		var moveFlag = false;// 移动标志，用于区分是单击，还是移动事件
		// body上的鼠标结束移动回调函数
		var handler = function(event){
			switchEvent(event);
		}
		//body上的鼠标移动回调函数
		var moveHandler=function(event){
		// body上的鼠标移动回调函数
		var moveHandler = function(event){
			moveEvent(event);
		}
		//滑块上添加拖拽开始事件
		// 滑块上添加拖拽开始事件
		blockObj.addEventListener(START_EVENT,function(event){
			//如果正在移动，则忽略
			// 如果正在移动，则忽略
			if(!isMoving){
				//记录当前被单击的对象
				currElement=obj;
				// 记录当前被单击的对象
				currElement = obj;
				startX= getX(event);
				document.body.addEventListener(CANCEL_EVENT,handler,false);//使用touchcancel事件
				document.body.addEventListener(CANCEL_EVENT,handler,false);// 使用touchcancel事件
				document.body.addEventListener(MOVE_EVENT,moveHandler,false);
			}
		},false);
		//在开关控件上添加移动事件
		// 在开关上添加移动事件
		obj.addEventListener(MOVE_EVENT,function(event){
			moveEvent(event);
		},false);
		//在开关控件上添加移动结束事件
		// 在开关上添加移动结束事件
		obj.addEventListener(END_EVENT,function(event){
			if(currElement!=obj){
				if(that.enable){
				if(!that.disabled){
					that.setValue(!that.getValue());
				}else{
					that.changeAction(that.enable);	
				}
				if(that.clickAction){
					that.clickAction(that.disabled);
				}
			}
			switchEvent(event);
		},false);
		//在开关控件上添加移动取消事件
		// 在开关上添加移动取消事件
		obj.addEventListener(CANCEL_EVENT,function(event){
			switchEvent(event);
		},false);
		//移动事件
		// 移动事件
		function moveEvent(event){
			if(currElement==obj){
				if(that.enable){
					//如果进入了移动事件，刚将移动状态设置为true，以区分单击事件
					moveFlag=true;
					//鼠标当前位置与起始位置的偏移量
					var leftX=getX(event)-startX;
					//如果开关为打开状态，则leftX为负数，that.distance为正数，并且不会执行下面一段逻辑
					//如果开关为关闭状态，则leftX为正数，that.distance为正数，执行下面一段逻辑后，得到一个绝对值较小的负数。
				if(!that.disabled){
					moveFlag = true; //设置移动状态为true，区分单击事件
					var leftX = getX(event)-startX; // 鼠标当前位置与起始位置的偏移量
					// 如果开关为打开状态，则leftX为负数，that.distance为正数，并且不会执行下面一段逻辑
					// 如果开关为关闭状态，则leftX为正数，that.distance为正数，得到一个绝对值较小的负数
					if(!that.getValue()){
						leftX=leftX-that.distance;
						leftX = leftX-that.distance;
					}
					//计算出界。
					// 计算出界
					if(leftX>=-that.distance && leftX<=0 ){
						blockObj.style.webkitTransform = "translateX(" + leftX + "px)"
					}
				}
			}
		}
		//松开滑块后，自动执行动画的事件
		/*松开滑块自动执行动画*/
		function switchEvent(event){
			if(currElement==obj){
				//此方法根据currElement对象来区分是否执行。当执行了一次此方法后，在将currElement置空，表示一次流程已经走完。
				//也用currElement来区分是那个对象触发的事件。
				currElement=null;
				if(that.enable){
				// 使用currElement判断事件是否执行,同时也用来获取事件源
				currElement = null;	//currElement置空，表示一次操作结束。
				if(!that.disabled){
					if(moveFlag){
						//当执行拖拽完成后的小动画的时候，通过一个状态位，将开关控件锁定。
						isMoving=true;
						blockObj.style.webkitTransition="none";//关闭css3动画
						//获取到当前translateX的值
						isMoving = true;	//粘滞动画时锁定移动状态
						blockObj.style.webkitTransition="none";// 关闭css3动画
						// 获取到当前translateX的值
						var translateX=parseInt(blockObj.style.webkitTransform.match(reg));
						//判断此时滑块在哪一边
						// 判断此时滑块在哪一边
						if(translateX<-that.distance/2 && translateX<0){
							blockObj.style.webkitTransition="-webkit-transform 0.1s ease";//粘滞时长0.1秒
							blockObj.style.webkitTransition="-webkit-transform 0.1s ease";// 粘滞时长0.1秒
							blockObj.style.webkitTransform="translateX(-"+that.distance+"px)";
							if(that.getValue()){
								that.changeAction(that.enable);
								//console.log(that.offAction());
								that.offAction();
								that.changeAction && that.changeAction();
								that.offAction && that.offAction();
							}
							that.input.val(false);
						}else{
							blockObj.style.webkitTransition="-webkit-transform 0.1s ease";//粘滞时长0.1秒
							blockObj.style.webkitTransition="-webkit-transform 0.1s ease";// 粘滞时长0.1秒
							blockObj.style.webkitTransform="translateX(0px)";
							if(!that.getValue()){
								that.changeAction(that.enable);
								//console.log(that.onAction());
								that.onAction();
								that.changeAction && that.changeAction();
								that.onAction && that.onAction();
							}
							that.input.val(true);
						}
						setTimeout(function(){
							//关闭动画
							blockObj.style.webkitTransition="none";
							//当动画完成，自动解除锁定
							isMoving=false;
							blockObj.style.webkitTransition="none";// 关闭动画
							isMoving = false;// 动画完成时自动解除锁定
						},200);
					}else{
						//如果是单击事件，则转换一次开关的状态
						that.setValue(!that.getValue());
						that.setValue(!that.getValue());// 单击则改变开关状态
					}
				}else{
					//如果开关被关闭，则仅执行changeAction回调方法。
					that.changeAction(that.enable);	
				}
				document.body.removeEventListener(END_EVENT,handler,false);
				document.body.removeEventListener(MOVE_EVENT,moveHandler,false);
				moveFlag=false;
				moveFlag = false;
			}
		}
	}
	WmSwitch.prototype.isEnable=function(enable){
		if(enable==undefined){
			return this.enable;
	/*设置开关是否可用*/
	WmSwitch.prototype.setDisabled = function(disabled){
		if(disabled==undefined){
			return this.disabled;
		}
		if(enable){
			this.enable=true;
			this.entity.removeClass("e_dis");
		}else{
			this.enable=false;
		
		if(disabled){
			this.disabled = true;
			this.entity.addClass("e_dis");
		}else{
			this.disabled = false;
			this.entity.removeClass("e_dis");
		}
	};
	WmSwitch.prototype.setLabel=function(label){
		var strs=label.split("|");
		this.span[0].innerHTML=strs[0];
		this.span[1].innerHTML=strs[1];
	/*设置开关文本*/
	WmSwitch.prototype.setLabel = function(label) {
		var strs = label.split("|");
		this.span[0].innerHTML = strs[0];
		this.span[1].innerHTML = strs[1];
	};
	WmSwitch.prototype.getLabel=function(){
		return this.span[0].innerHTML+"|"+this.span[1].innerHTML;
	/*获取开关文本*/
	WmSwitch.prototype.getLabel = function() {
		return this.span[0].innerHTML + "|" + this.span[1].innerHTML;
	};
	WmSwitch.prototype.setValue=function(val){
		if(this.getValue()!=val){
			if(val){
				if(this.onAction){
					this.changeAction(this.enable);
					//console.log(this.onAction());
					this.onAction();
				}
				this.span[2].style.webkitTransition="-webkit-transform 0.2s ease";//滑动时长0.1秒
				this.span[2].style.webkitTransform="translateX(0px)";
			}else{
				if(this.offAction){
					this.changeAction(this.enable);
					//console.log(this.offAction());
					this.offAction();
				}
				this.span[2].style.webkitTransition="-webkit-transform 0.2s ease";//滑动时长0.1秒
				this.span[2].style.webkitTransform="translateX(-"+this.distance+"px)";
	/*设置开关的值*/
	WmSwitch.prototype.setValue = function(value) {
		if (this.getValue() != value) {
			if (value) {
				this.onAction && this.onAction();
				this.changeAction && this.changeAction();
				this.span[2].style.webkitTransition = "-webkit-transform 0.2s ease";// 滑动时长0.1秒
				this.span[2].style.webkitTransform = "translateX(0px)";
			} else {
				this.offAction && this.offAction();
				this.changeAction && this.changeAction();
				this.span[2].style.webkitTransition = "-webkit-transform 0.2s ease";// 滑动时长0.1秒
				this.span[2].style.webkitTransform = "translateX(-" + this.distance + "px)";
			}
			this.input.val(val);
			this.input.val(value);
		}
	};
	WmSwitch.prototype.getValue=function(){
	/*获取开关的值*/
	WmSwitch.prototype.getValue = function(){
		return this.input.val()=="true";
	};
	WmSwitch.prototype.setChangeAction=function(callback){
		this.changeAction=callback;
	}
	/*指定开关打开事件*/
	WmSwitch.prototype.setOnAction=function(callback){
		this.onAction=callback;	
		this.onAction = callback;	
	};
	/*指定开关关闭事件*/
	WmSwitch.prototype.setOffAction=function(callback){
		this.offAction=callback;
		this.offAction = callback;
	};
	/*指定开关状态变化时的事件*/
	WmSwitch.prototype.setChangeAction=function(callback){
		this.changeAction = callback;
	}
	return WmSwitch;
});

multiple-server/web/res/js/ui/wm-tab.js

@@ -13,42 +13,50 @@ define(["jcl","wmWebUI"], function($,WmWebUI){
	})();
	/*WmTab对象定义*/
	function WmTab(id){
		this.listeners = new Array(); //存储监听事件
		/*常用对象*/
		this.tab = WmWebUI.getElement(id);
		this.parLabels = this.tab.find('div .title ul');
		this.labels = this.parLabels.find('li');
		this.parentPages = this.tab.find('div .pages');
		this.pages = this.parentPages.find('div .page');
		this.currIndex;
		this.items = new Array();//子元素
		this.parLabels = this.tab.children('div .title').eq(0).children("ul");
		this.labels = this.parLabels.children('li');
		this.parentPages = this.tab.children('div .pages');
		this.pages = this.parentPages.children('div .page');
		this.currIndex;//当前页面的索引
		this.isAnimation = true;//是否使用动画
		this.tabContentHeight; //标签页高度?
		
		WmWebUI.store(id,this);
	}
	/*刷新全局变量*/
	WmTab.prototype.refresh = function(){
		this.parLabels = this.tab.find('div .title ul');
		this.labels = this.parLabels.find('li');
		this.parentPages = this.tab.find('div .pages');
		this.pages = this.parentPages.find('div .page');
	
	/*标签菜单项构造方法*/
	var WmTabItem = function(parent,index,domElement){
		this.parent = parent;	//父对象
		this.index = index;	//菜单项序号
		this.domElement = domElement;	//菜单项dom元素
		this.action;	//菜单项点击事件
		if(domElement.id){
			WmWebUI.store(domElement.id,this);
		}
		
		this.parent.pages[index].style.height = this.parent.tabContentHeight; //初始化标签页高度
		
		$.each(this.labels, function(index, label){
			label.setAttribute("tab_index", index);
		});
	}
	this.parent.pages[index].style.height = this.parent.tabContentHeight; //*初始化标签元素*/
	WmTab.prototype.initPage = function (index, label){
		var that = this;
		/*绑定标签切换事件*/
		$(label).tap(function(idx) {
			that.active(idx);
		},index);
		this.pages[index].style.height = this.tabContentHeight;
		/*增加iScroll的效果*/
		/*if(this.pages[index].children[0]){
			new iScroll(this.pages[index]);//存在元素则增加iScroll
		}*/
		$(domElement).tap(function() {
			that.active();
		});
	}
	
	/*指定标签菜单项的点击事件*/
	WmTabItem.prototype.setAction = function(callback) {
		this.action = callback;
	};
	/*选中标签菜单项*/
	WmTabItem.prototype.active = function() {
		this.parent.active(this.index);
	};
	/*删除标签菜单项*/
	WmTabItem.prototype.remove = function() {
		this.parent.remove(this.index);
	};
	/*创建Tab对象*/
	WmTab.prototype.create = function(){
		var that = this;
@@ -64,7 +72,7 @@ define(["jcl","wmWebUI"], function($,WmWebUI){
		this.tabContentHeight = content.offsetHeight - title.offsetHeight - 3*space + "px";
		
		$.each(this.labels, function(index, label){
			that.initPage(index, label);
			that.items.push(new WmTabItem(that, index, label));
			if("on" == label.className)
				that.currIndex = index;
		});
@@ -83,6 +91,18 @@ define(["jcl","wmWebUI"], function($,WmWebUI){
			}
		});
	};
	/*获取标签菜单项*/
	WmTab.prototype.getTabItem = function(index){
		return this.items[index];
	}
	/*获取标签菜单项集合*/
	WmTab.prototype.getTabItems = function(){
		return this.items;
	}
	/*设置是否使用动画*/
	WmTab.prototype.setAnimation = function(isAnimation){
		this.isAnimation = isAnimation;
	}
	/*选中标签页*/
	WmTab.prototype.active = function(index){
		//防止传入数据异常
@@ -104,36 +124,51 @@ define(["jcl","wmWebUI"], function($,WmWebUI){
			}
		});
		
		that = this;
		var that = this;
		var pages = that.tab.find(".pages .page");
		$.ui.css3animate(pages, {
			x: ((curIdx > prevIdx)?"0":"-100") + "%",
			y: "0%",
			complete:function(){
				$.ui.css3animate(pages, {
					x: ((curIdx > prevIdx)?"-100":"0") + "%",
					y: "0%",
					time: $.ui.transitionTime,
					complete:function(){
						var listener = that.listeners[index];
						if(listener){
							listener();
		/*判断是否使用动画*/
		if(this.isAnimation){
			$.ui.css3animate(pages, {
				x: ((curIdx > prevIdx)?"0":"-100") + "%",
				y: "0%",
				complete:function(){
					$.ui.css3animate(pages, {
						x: ((curIdx > prevIdx)?"-100":"0") + "%",
						y: "0%",
						time: $.ui.transitionTime,
						complete:function(){
							var wmTabItem = that.getTabItem(index);
							if(wmTabItem["action"]){
								wmTabItem.action();
							}
						}
					}
				});
					});
				}
			});
		}else{
			$(that.pages[prevIdx]).css("display","none");
			var wmTabItem = that.getTabItem(index);
			if(wmTabItem["action"]){
				wmTabItem.action();
			}
		});
		}
		
		$(this.labels[prevIdx]).removeClass("on");
		$(this.labels[curIdx]).addClass("on");
		this.currIndex = index;
	};
	/*增加点击标签的监听*/
	WmTab.prototype.addListener = function(index, callback) {
		this.listeners.splice(index, 0, callback);
	};
	/*增加Tab标签页*/
	WmTab.prototype.addItem = function(label,content,index){
	
	/*刷新全局变量*/
	WmTab.prototype.refresh = function(){
		this.parLabels = this.tab.children('div .title').eq(0).children("ul");
		this.labels = this.parLabels.children('li');
		this.parentPages = this.tab.children('div .pages');
		this.pages = this.parentPages.children('div .page');
		this.parentPages[0].className = this.parentPages[0].className+" pages-"+this.pages.length; 
	}
	
	/*添加标签页*/
	WmTab.prototype.add = function(label,content,index){
		if (index!=undefined && !isNaN(index)) {
			$(this.labels[index]).before('<li>' + label + '</li>');
			$(this.pages[index]).before('<div class="page">' + content + '</div>');
@@ -143,21 +178,21 @@ define(["jcl","wmWebUI"], function($,WmWebUI){
			index = this.pages.length;
		}
		this.refresh();
		this.addListener(index,null);
		this.parentPages[0].className = this.parentPages[0].className+" pages-"+this.pages.length; 
		this.initPage(index,this.labels[index]);
		
		var item = new WmTabItem(this,index,this.labels[index]);
		this.items.push(item);
		return item;
	};
	/*删除标签页*/
	WmTab.prototype.removeItem = function(index){
	WmTab.prototype.remove = function(index){
		if(!this.labels[index]){
			throw "WmTab组件越界";
		}
		
		$(this.labels[index]).remove();
		$(this.pages[index]).remove();
		refresh();
		this.listeners.splice(index,1);
		this.refresh();
	};
	
	/*获取标签页的数量*/
	WmTab.prototype.length = function(){
		return this.labels.length;

multiple-server/web/res/js/ui/wm-tabbar.js

@@ -1,30 +1,44 @@
define(["jcl","iScroll","wmWebUI"],function($,iScroll,WmWebUI){
	/*标签菜单构造方法*/
	var WmTabbar = function(id){
		/*常用对象*/
		this.listeners = new Array(); //存储监听事件
		this.tabbar = (function(obj){
			if(typeof(obj)=="object"){
				obj = $(obj);
			}else if(typeof(obj)=="string"){
				obj = $("#"+obj);
			}else{
				throw "没有匹配类型";
			}
			return obj;
		})(id);
		this.tabbar = WmWebUI.getElement(id);
	
		this.navs = this.tabbar.find(".m_nav .wrapper .nav ");
		this.footers = this.tabbar.find("div[class=m_footer] li");
		//this.navs = this.tabbar.find(".m_nav > .wrapper .nav ");
		//this.footers = this.tabbar.find("div[class=m_footer] li");
		//使用children会更加严谨
		this.navs = this.tabbar.children(".m_nav").eq(0).children(".wrapper").eq(0).children(".nav");
		this.footers = this.tabbar.children(".m_footer").eq(0).children("ul").eq(0).children("li");
		this.items = new Array();//子元素
		this.currIndex;//当前页面的索引
		this.isAnimation = true;//是否使用动画
		
		WmWebUI.store(id,this);
	}
	/*标签菜单项构造方法*/
	var WmTabbarItem = function(parent,index,domElement){
		this.parent = parent;	//父对象
		this.index = index;	//菜单项序号
		this.domElement = domElement;	//菜单项dom元素
		this.action;	//菜单项点击事件
		if(domElement.id){
			WmWebUI.store(domElement.id,this);
		}
	}
	/*指定标签菜单项的点击事件*/
	WmTabbarItem.prototype.setAction = function(callback) {
		this.action = callback;
	};
	/*选中标签菜单项*/
	WmTabbarItem.prototype.active = function() {
		this.parent.active(this.index);
	};
	
	WmTabbar.prototype.create = function(){
		that = this;
		/*底部菜单绑定索引*/
		var that = this;
		/*构建底部菜单对象*/
		this.footers.each(function(index){
			$(this).attr("tabbar_index", index);
			that.items.push(new WmTabbarItem(that,index,this));
			if("on" == this.className)
				that.currIndex = index;
		});
@@ -52,12 +66,24 @@ define(["jcl","iScroll","wmWebUI"],function($,iScroll,WmWebUI){
		});
	}
	
	/*选中标签页*/
	/*获取标签菜单项*/
	WmTabbar.prototype.getTabbarItem = function(index){
		return this.items[index];
	}
	/*获取标签菜单项集合*/
	WmTabbar.prototype.getTabbarItems = function(){
		return this.items;
	}
	/*设置是否使用动画*/
	WmTabbar.prototype.setAnimation = function(isAnimation){
		this.isAnimation = isAnimation;
	}
	/*选中标签菜单页*/
	WmTabbar.prototype.active = function(index){
		if(!this.navs[index]){
			throw "WmTabbar组件越界";//错误信息如何处理
		}
		that = this;
		var that = this;
		/*获取当前和先前的页面索引*/
		var curIdx = index;
		var prevIdx = that.currIndex;
@@ -70,34 +96,39 @@ define(["jcl","iScroll","wmWebUI"],function($,iScroll,WmWebUI){
				$(this).css("display","");
		});
		var wrapper = that.tabbar.find(".m_nav > .wrapper");
		$.ui.css3animate(wrapper, {
			x: ((curIdx > prevIdx)?"0":"-50") + "%",
			y: "0%",
			complete:function(){
				$.ui.css3animate(wrapper, {
					x: ((curIdx > prevIdx)?"-50":"0") + "%",
					y: "0%",
					time: $.ui.transitionTime,
					complete:function(){
						var listener = that.listeners[index];
						if(listener){
							listener();
		/*判断是否使用动画*/
		if(this.isAnimation){
			var wrapper = that.tabbar.find(".m_nav > .wrapper");
			$.ui.css3animate(wrapper, {
				x: ((curIdx > prevIdx)?"0":"-50") + "%",
				y: "0%",
				complete:function(){
					$.ui.css3animate(wrapper, {
						x: ((curIdx > prevIdx)?"-50":"0") + "%",
						y: "0%",
						time: $.ui.transitionTime,
						complete:function(){
							var wmTabbarItem = that.getTabbarItem(index);
							if(wmTabbarItem["action"]){
								wmTabbarItem.action();
							}
						}
					}
				});
					});
				}
			});
		}else{
			$(that.navs[prevIdx]).css("display","none");
			var wmTabbarItem = that.getTabbarItem(index);
			if(wmTabbarItem["action"]){
				wmTabbarItem.action();
			}
		});
		}
		
		$(that.footers[prevIdx]).removeClass("on");
		$(that.footers[curIdx]).addClass("on");
		
		that.currIndex = curIdx;
	};
	
	/*增加点击标签的监听*/
	WmTabbar.prototype.addListener = function(index, callback) {
		this.listeners.splice(index, 0, callback);
	};
	
	return WmTabbar;
});

multiple-server/web/template/common/Head.html

@@ -5,7 +5,7 @@
<!--注:由于html页面会被加密,不能使用双斜杠作为注释符号-->
<script language="javascript">
/*自定义增加每个页面需要执行的公共逻辑*/
require(["domReady!","mobile","jcl","tap"],function(doc, Mobile, S) {
require(["domReady!","mobile","jcl","tap"],function(doc, Mobile, $) {
	/*每个页面的back样式都需要执行回退*/
	$(".c_navBar").find(".back").tap(function(){
		Mobile.back();