1

display-server/etc/lua/tag/WmDropmenu.lua

@@ -4,7 +4,7 @@ local WmDropmenu = Class(Tag)
--htmlbuff
function WmDropmenu:createNew(obj,htmlbuff)
  self.htmlbuff=htmlbuff
  self.htmlbuff = htmlbuff
  self.clicks = {}
end
@@ -59,14 +59,11 @@ function WmDropmenu:doEndTag()
 for k,v in pairs(self.clicks) do
    --print(k,v,type(v))
    if v~=-1 then
      self.htmlbuff:append([[
      items[]])
      self.htmlbuff:append('items[')
      self.htmlbuff:append(k-1)
      self.htmlbuff:append([[].click(function(){
          ]])
      self.htmlbuff:append('].setAction(function(){')
      self.htmlbuff:append(v)
      self.htmlbuff:append([[
      
        });
      ]])
    end
@@ -80,6 +77,13 @@ function WmDropmenu:doEndTag()
  ]])
end
function WmDropmenu:addClicks(click)
  table.insert(self.clicks, click)
end
return WmDropmenu
--[[
require(["wmDropmenu","util"],function(WmDropmenu) {
  var wmDropmenu=new WmDropmenu(dropmenu01);
@@ -96,7 +100,7 @@ require(["wmDropmenu","util"],function(WmDropmenu) {
  for(var i=0;i<items.length;i++){
    console.log("index:"+items[i].getIndex());
    console.log("parent:"+items[i].getParent());
    items[i].click(function(obj){
    items[i].setAction(function(obj){
      alert(obj.html());
    });
  }
@@ -108,16 +112,16 @@ require(["wmDropmenu","util"],function(WmDropmenu) {
  }
  //wmDropmenu.removeAll();
  var item1=wmDropmenu.push("111");
  item1.click(function(obj){
  item1.setAction(function(obj){
    alert("我是新来的1");
  });
  var item2=wmDropmenu.push("22222");
  item2.click(function(obj){
  item2.setAction(function(obj){
    alert("我是新来的2");
  });
  item1.remove();
  //wmDropmenu.getItems()[0].remove();
  $("#testbtn").click(function(){
  $("#testbtn").setAction(function(){
    if(wmDropmenu.Invisible()){
      wmDropmenu.show();
    }else{
@@ -127,9 +131,4 @@ require(["wmDropmenu","util"],function(WmDropmenu) {
});
]]
function WmDropmenu:addClicks(click)
  table.insert(self.clicks, click)
end
return WmDropmenu

display-server/etc/server-data.xml

@@ -1,6 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<datas>
    <action name="Login" class="com.ai.server.bean.LoginBean" method="login" verify="false" encrypt="true"></action>
	<action name="GetLoginInfo" class="com.ai.server.bean.LoginBean" method="getLoginInfo"></action>
    <action name="LoginBean.login" class="com.ai.server.bean.LoginBean" method="login" verify="false"></action>
	<action name="LoginBean.getLoginInfo" class="com.ai.server.bean.LoginBean" method="getLoginInfo"></action>
	<action name="LoginBean.setLoginInfo" class="com.ai.server.bean.LoginBean" method="setLoginInfo"></action>
	
	<action name="receiveData" class="com.ai.server.bean.TestBean" method="receive" verify="false"></action>
</datas>

display-server/etc/server-page.xml

@@ -81,4 +81,8 @@
    
    <action name="WmRefreshSrc" template="template/webapp/tag/WmRefreshSrc.html"></action>
    <action name="WmRefresh" template="template/webapp/tag/WmRefresh.html"></action>
    
    <!-- Scene Demo -->
	<action name="Scene" template="template/webapp/scene/Scene.html"></action>
	<action name="Login" template="template/webapp/scene/Login.html"></action>
</pages>

display-server/src/com/ai/server/bean/LoginBean.java

@@ -16,7 +16,11 @@ public class LoginBean extends DisplayBean{
	}
	
	public IData getLoginInfo(IData param) throws Exception{
		getContextData().setAccount("更新工号");
		return getContextData().getData();
	}
	
	public IData setLoginInfo(IData param) throws Exception{
		getContextData().setAccount(param.getString("NEW_ACCOUNT"));
		return getContextData().getData();
	}
}

display-server/web/biz/js/scene/Login.js

@@ -1,15 +1,15 @@
require(["wmTabbar","common","mobile"], function(WmTabbar,Common,Mobile) {
	var loginData = new Wade.DataMap();
	
	loginData.put("ACCOUNT","测试工号");
	Common.callSvc("Login",loginData,function(data){
		alert("登陆成功:"+data);
	Common.callSvc("LoginBean.login",loginData,function(data){
		console.log("登陆成功:" + data);
		Common.put("SESSION_ID",data.get("SESSION_ID"));
		setTimeout(function(){
			Common.callSvc("GetLoginInfo",data,function(info){
				alert(info)
				Common.callSvc("GetLoginInfo",info,function(info1){
					alert(info1)
			data.put("NEW_ACCOUNT","更新工号");
			Common.callSvc("LoginBean.setLoginInfo",data,function(result){
				console.log("更新信息:" + result);
				Common.callSvc("LoginBean.getLoginInfo",null,function(result){
					console.log("获取信息:" + result);
				});
			});
		},200);

display-server/web/biz/js/tag/WmDropmenu.js

@@ -57,12 +57,12 @@ require(["domReady!","wmWebUI","jcl","mobile"],function(doc,WmWebUI,$,Mobile){
		dropmenu.removeAll();
		alert("清除成功。");
	});
/*	$("#push").on("tap",function(){
	$("#push").on("tap",function(){
		var dropmenu=WmWebUI.select("dropmenu01");
		var str=prompt("请输入菜单显示条目。示例：中国");
		dropmenu.push(str);
		alert("添加成功。")
	});*/
	});
	$("#remove").on("tap",function(){
		var dropmenu=WmWebUI.select("dropmenu01");
		var items=dropmenu.getItems();

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

@@ -18,7 +18,7 @@ define(["browserTool","jcl"],function(browserTool,Wade) {
		/******************数据请求**********************/
		/*调用服务*/
		this.dataRequest = function(action, param, callback, isEscape, err) {
			browserTool.ajax.post(action, param, function(resultData){
			/*browserTool.ajax.post(action, param, function(resultData){
				resultData = Wade.DataMap(resultData);
				var x_resultcode = resultData.get("X_RESULTCODE");
				if(x_resultcode < 0){
@@ -26,6 +26,9 @@ define(["browserTool","jcl"],function(browserTool,Wade) {
				}else{
					callback(resultData);
				};
			}, isEscape, err);*/
			browserTool.ajax.post(action, param, function(resultData){
				callback(resultData);
			}, isEscape, err);
		};
		/******************页面跳转**********************/

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

@@ -4,65 +4,52 @@
 * 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.labelButton = dropmenu.children("div").eq(0).children("span").eq(0);
		this.menu = dropmenu.children("div").eq(1);
		this.closeAction;// 关闭事件
		this.openAction;// //打开事件
	}
	DropmenuItem.prototype.remove=function(){
		this.entity.parentNode.removeChild(this.entity);
		this.parent.initMenu();
		this.parent.items.splice(this.getIndex(),1)
	/*下拉菜单项构造方法*/
	function WmDropmenuItem(dropmenu, index, dropmenuItem) {
		this.dropmenu = dropmenu;
		this.index = index;
		this.dropmenuItem = dropmenuItem;
	}
	DropmenuItem.prototype.html=function(html){
		if(html==undefined){
			return this.entity.innerHTML;
		}else{
			this.entity.innerHTML=html;
	/*移除下拉选项*/
	WmDropmenuItem.prototype.remove = function() {
		this.dropmenuItem.parentNode.removeChild(this.dropmenuItem);
		this.dropmenu.items.splice(this.index, 1);//删除第index个元素
		for ( var i = this.index; i < this.dropmenu.items.length; i++) {
			this.dropmenu.items[i].index = i;
		}
		this.dropmenu.initMenu();
	}
	DropmenuItem.prototype.click=function(callback){
		var that=this;
		this.entity.onclick=function(){
			callback(that);
	/*设置下拉选项的文本内容*/
	WmDropmenuItem.prototype.html = function(html) {
		if (html == undefined) {
			return this.dropmenuItem.innerHTML;
		} else {
			this.dropmenuItem.innerHTML = html;
		}
	}
	DropmenuItem.prototype.getIndex=function(){
		for(var i=0;i<this.parent.items.length;i++){
			if(this.parent.items[i]==this){
				return i;
			}
	/*设置下拉选项的事件*/
	WmDropmenuItem.prototype.setAction = function(callback) {
		var that = this;
		this.dropmenuItem.onclick = function() {
			callback(that);
		}
		return -1;
	}
	DropmenuItem.prototype.getParent=function(){
		return this.parent;
	}
	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
@@ -70,72 +57,83 @@ define(["jcl","iScroll","wmWebUI"],function($,iScrol,WmWebUI){
		this.menu.children("ul").css("top",(this.menu.height())*(-1) + "px");
		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.btn.children(".e_ico-unfold").css("transition","transform 0.2s ease-out");
		this.btn.children(".e_ico-unfold").css("-webkit-transition","-webkit-transform 0.2s ease-out");
		this.labelButton.children(".e_ico-unfold").css("transition","transform 0.2s ease-out");
		this.labelButton.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.labelButton.offset().left + this.labelButton.width() - this.menu.width());//靠右要减去这两个 width()，靠左则不需要
		this.menu.css("top",this.labelButton.offset().top + 1.1 * this.labelButton.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.tap(function(){
			if(that.invisible()){
		// 显隐
		this.labelButton.tap(function() {
			if (that.invisible()) {
				that.show();
			}else{
			} else {
				that.hidden();
			}
		});
	};
	WmDropmenu.prototype.invisible=function(){
	/*判断下拉菜单是否可见*/
	WmDropmenu.prototype.invisible = function() {
		return this.menu.css("display") == "none";
	};
	WmDropmenu.prototype.show=function(){
	/*显示下拉菜单*/
	WmDropmenu.prototype.show = function() {
		this.openAction();
		this.menu.css("display","block");
		this.menu.css("display", "block");
		this.menu.children("ul").css("transform","translateY(" + this.menu.height() + "px)");
		this.menu.children("ul").css("-webkit-transform","translateY(" + this.menu.height() + "px)");
		this.btn.find(".e_ico-unfold").css("transform","rotate(180deg)");
		this.btn.find(".e_ico-unfold").css("-webkit-transform","rotate(180deg)");
		this.labelButton.find(".e_ico-unfold").css("transform","rotate(180deg)");
		this.labelButton.find(".e_ico-unfold").css("-webkit-transform","rotate(180deg)");
	};
	WmDropmenu.prototype.hidden=function(){
	/*隐藏下拉菜单*/
	WmDropmenu.prototype.hidden = function(){
		this.closeAction();
		this.menu.children("ul").css("transform","translateY(0)");
		this.menu.children("ul").css("-webkit-transform","translateY(0)");
		this.btn.find(".e_ico-unfold").css("transform","rotate(0)");
		this.btn.find(".e_ico-unfold").css("-webkit-transform","rotate(0)");
		this.labelButton.find(".e_ico-unfold").css("transform","rotate(0)");
		this.labelButton.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.labelButton.children("span")[0].innerHTML = label;
	};
	WmDropmenu.prototype.setCloseAction=function(callback){
		this.closeAction=callback;
	/* 获取下拉菜单文本 */
	WmDropmenu.prototype.getLabel = function() {
		return this.labelButton.children("span")[0].innerHTML;
	};
	WmDropmenu.prototype.setOpenAction=function(callback){
		this.openAction=callback;
	/* 设置关闭下拉菜单事件 */
	WmDropmenu.prototype.setCloseAction = function(callback) {
		this.closeAction = callback;
	};
	WmDropmenu.prototype.getItems=function(){
		return this.items;
	/* 设置打开下拉菜单事件 */
	WmDropmenu.prototype.setOpenAction = function(callback) {
		this.openAction = callback;
	};
	return WmDropmenu;
});

display-server/web/template/lua/tag/WmDropmenu.lua

@@ -63,7 +63,9 @@ function WmDropmenu:doEndTag()
      self.htmlbuff:append(k-1)
      self.htmlbuff:append('].setAction(function(){')
      self.htmlbuff:append(v)
      self.htmlbuff:append('});')
      self.htmlbuff:append([[
        });
      ]])
    end
  end
  self.htmlbuff:append([[
@@ -79,6 +81,7 @@ function WmDropmenu:addClicks(click)
  table.insert(self.clicks, click)
end
return WmDropmenu
--[[

display-server/web/template/lua/tag/WmDropmenuItem.lua

@@ -2,17 +2,19 @@ local Class = require("util.Class")
local Tag = require("engine.Tag")
local WmDropmenuItem = Class(Tag)
function WmDropmenuItem:createNew(obj, htmlbuff)
  self.htmlbuff = htmlbuff
function WmDropmenuItem:createNew(obj,htmlbuff)
  self.htmlbuff=htmlbuff
end
function WmDropmenuItem:doStartTag(attr)
  self.parent:addClicks(attr.click or -1);
  self.htmlbuff:append('<li>')
  self.htmlbuff:append([[
    <li>]])
 
end
function WmDropmenuItem:doEndTag()
 self.htmlbuff:append('</li>');
 self.htmlbuff:append([[</li> ]]);
end
return WmDropmenuItem

display-server/web/template/webapp/More.html

@@ -7,7 +7,7 @@
		<div class="pic"><span class="e_ico-chat"></span></div>
		<div class="text">推送展示</div>
	</li>
	<li action="Push">
	<li action="Scene">
		<div class="pic"><span class="e_ico-scene"></span></div>
		<div class="text">场景展示</div>
	</li>

display-server/web/template/webapp/scene/Login.html

@@ -0,0 +1,22 @@
<!DOCTYPE HTML>
<html class="s_bs">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	<title>登陆</title>
	{%>template/common/Head.html%}
	<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="biz/js/scene/Login.js"></script>
</head>
<body>
<div class="c_navBar">
	<div class="left">
		<div class="back">
			<span class="e_ico-back"></span>
			<span class="text">登陆</span>
		</div>
	</div>
</div>
</body>
</html>

display-server/web/template/webapp/scene/Scene.html

@@ -0,0 +1,67 @@
<!DOCTYPE HTML>
<html class="s_bs">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	<title>场景演示</title>
	{%>template/common/Head.html%}
	<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="c_navBar">
	<div class="left">
		<div class="back">
			<span class="e_ico-back"></span>
			<span class="text">场景演示</span>
		</div>
	</div>
</div>
<div class="m_content m_content-nofooter">
<div>
	<div class="c_list">
		<ul id="scene-menu">
			<li action="Login">
				<div class="content">
					<div class="main">
						<div class="title">登陆</div>
						<div class="info">登陆场景</div>
						<div class="info">登陆场景详细描述</div>
					</div>
				</div>
			</li>
			<li action="PageRedirect">
				<div class="content">
					<div class="main">
						<div class="title">页面跳转</div>
					</div>
				</div>
			</li>
			<li action="DataRequest">
				<div class="content">
					<div class="main">
						<div class="title">数据请求</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
</div>
</body>
<script type="text/javascript">
require(["mobile"], function(Mobile) {
	$("#scene-menu > li").each(function(index, item) {
		if (item.getAttribute("action") != "null") {
			$(item).tap(function() {
				Mobile.openPage(item.getAttribute("action"));
			});
		} else {
			item.onclick = function() {
				alert("敬请期待……");
			};
		}
	});
});
</script>
</html>