一、页面分析
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>
二、手机号验证
时间： 2024-10-11 18:37:56