标签：
一、页面分析
Ztree树的加载
var setting = { data : { simpleData : { // 简单数据 enable : true } }, callback : { onClick : onClick } }; // 基本功能菜单加载 $.ajax({ url : "${pageContext.request.contextPath}/json/menu.json", type : "POST", dataType : "json", success : function(data) { $.fn.zTree.init($("#treeMenu"), setting, data); }, error : function(msg) { alert("菜单加载异常!"); } });
Ztree树的点击事件
function onClick(event, treeId, treeNode, clickFlag) { if (treeNode.click != false) { open(treeNode.name, treeNode.page); } } // 开启一个新的tab页面 function open(text, url) { if ($("#tabs").tabs("exists", text)) { $("#tabs").tabs("select", text); } else { var content = ‘<div style="width:100%;height:100%;overflow:hidden;">‘ + ‘<iframe src="‘ + url + ‘" scrolling="auto" style="width:100%;height:100%;border:0;" ></iframe></div>‘; $("#tabs").tabs("add", { title : text, content : content, closable : true }); } }
取派员页面
//工具栏 var toolbar = [ { id : ‘button-view‘, text : ‘查询‘, iconCls : ‘icon-search‘, handler : doView }, { id : ‘button-add‘, text : ‘增加‘, iconCls : ‘icon-add‘, handler : doAdd }, { id : ‘button-delete‘, text : ‘作废‘, iconCls : ‘icon-cancel‘, handler : doDelete },{ id : ‘button-save‘, text : ‘还原‘, iconCls : ‘icon-save‘, handler : doRestore }]; // 定义列 var columns = [ [ { field : ‘id‘, checkbox : true, },{ field : ‘name‘, title : ‘姓名‘, width : 120, align : ‘center‘ }, { field : ‘telephone‘, title : ‘手机号‘, width : 120, align : ‘center‘ }, { field : ‘haspda‘, title : ‘是否有PDA‘, width : 120, align : ‘center‘, formatter : function(data,row, index){ if(data=="1"){ return "有"; }else{ return "无"; } } }, { field : ‘deltag‘, title : ‘是否作废‘, width : 120, align : ‘center‘, formatter : function(data,row, index){ if(data=="0"){ return "正常使用" }else{ return "已作废"; } } }, { field : ‘standard‘, title : ‘取派标准‘, width : 120, align : ‘center‘, formatter : function(data,row, index){ return data.name; } }, { field : ‘station‘, title : ‘所谓单位‘, width : 200, align : ‘center‘ } ] ]; $(function(){ // 先将body隐藏，再显示，不会出现页面刷新效果 $("body").css({visibility:"visible"}); // 取派员信息表格 $(‘#grid‘).datagrid( { iconCls : ‘icon-forward‘, fit : true, border : false, rownumbers : true, striped : true, pageList: [30,50,100], pagination : true, toolbar : toolbar, url : "${pageContext.request.contextPath}/staffAction_add.action", idField : ‘id‘, columns : columns, onDblClickRow : doDblClickRow }); // 添加取派员窗口 $(‘#addStaffWindow‘).window({ title: "添加取派员", width: 400, modal: true, shadow: true, closed: true, height: 400, resizable:false }); });
<body class="easyui-layout" style="visibility:hidden;"> <div region="center" border="false"> <table id="grid"></table> </div> <div class="easyui-window" title="对收派员进行添加或者修改" id="addStaffWindow" collapsible="false" minimizable="false"
maximizable="false" style="top:20px;left:200px"> <div region="north" style="height:31px;overflow:hidden;" split="false" border="false" > <div class="datagrid-toolbar"> <a id="save" icon="icon-save" href="#" class="easyui-linkbutton" plain="true" >保存</a> </div> </div> <div region="center" style="overflow:auto;padding:5px;" border="false"> <form> <table class="table-edit" width="80%" align="center"> <tr class="title"> <td colspan="2">收派员信息</td> </tr> <tr> <td>姓名</td> <td><input type="text" name="name" class="easyui-validatebox" required="true"/></td> </tr> <tr> <td>手机</td> <td><input type="text" name="telephone" class="easyui-validatebox" required="true"/></td> </tr> <tr> <td>单位</td> <td><input type="text" name="station" class="easyui-validatebox" required="true"/></td> </tr> <tr> <td colspan="2"> <input type="checkbox" name="haspda" value="1" /> 是否有PDA</td> </tr> <tr> <td>取派标准</td> <td> <input class="easyui-combobox" name="standard" data-options="valueField:‘id‘,textField:‘name‘,url:‘json/standard.json‘" /> </td> </tr> </table> </form> </div> </div> </body>
二、手机号验证
标签：
原文地址：http://www.cnblogs.com/yangang2013/p/5758142.html
