Skip to content

G
guns-vip
Commit d11520c9 by naan1993
Options

添加角色页面增加表单验证

parent 5868c0b1
Showing with 120 additions and 83 deletions
src/main/webapp/WEB-INF/view/system/role/role_add.html
@layout("/common/_container.html"){ @layout("/common/_container.html"){
<div class="ibox float-e-margins"> <div class="ibox float-e-margins">
<div class="ibox-content"> <div class="ibox-content">
<div class="form-horizontal"> <div class="form-horizontal" id="validateForm">
<input type="hidden" id="id" value=""> <input type="hidden" id="id" value="">
......
src/main/webapp/static/modular/system/role/role_info.js
...@@ -2,145 +2,182 @@ ...@@ -2,145 +2,182 @@
* 角色详情对话框（可用于添加和修改对话框） * 角色详情对话框（可用于添加和修改对话框）
*/ */
var RolInfoDlg = { var RolInfoDlg = {
roleInfoData : {}, roleInfoData: {},
deptZtree : null, deptZtree: null,
pNameZtree : null pNameZtree: null,
validateFields: {
name: {
validators: {
notEmpty: {
message: '用户名不能为空'
}
}
},
tips: {
validators: {
notEmpty: {
message: '别名不能为空'
}
}
},
pName: {
validators: {
notEmpty: {
message: '父级名称不能为空'
}
}
}
}
}; };
/** /**
* 清除数据 * 清除数据
*/ */
RolInfoDlg.clearData = function() { RolInfoDlg.clearData = function () {
this.roleInfoData = {}; this.roleInfoData = {};
} };
/** /**
* 设置对话框中的数据 * 设置对话框中的数据
* *
* @param key 数据的名称 * @param key 数据的名称
* @param val 数据的具体值 * @param val 数据的具体值
*/ */
RolInfoDlg.set = function(key, val) { RolInfoDlg.set = function (key, val) {
this.roleInfoData[key] = (typeof value == "undefined") ? $("#" + key).val() : value; this.roleInfoData[key] = (typeof value == "undefined") ? $("#" + key).val() : value;
return this; return this;
} };
/** /**
* 设置对话框中的数据 * 设置对话框中的数据
* *
* @param key 数据的名称 * @param key 数据的名称
* @param val 数据的具体值 * @param val 数据的具体值
*/ */
RolInfoDlg.get = function(key) { RolInfoDlg.get = function (key) {
return $("#" + key).val(); return $("#" + key).val();
} };
/** /**
* 关闭此对话框 * 关闭此对话框
*/ */
RolInfoDlg.close = function() { RolInfoDlg.close = function () {
parent.layer.close(window.parent.Role.layerIndex); parent.layer.close(window.parent.Role.layerIndex);
} };
/** /**
* 点击部门input框时 * 点击部门input框时
* *
* @param e * @param e
* @param treeId * @param treeId
* @param treeNode * @param treeNode
* @returns * @returns
*/ */
RolInfoDlg.onClickDept = function(e, treeId, treeNode) { RolInfoDlg.onClickDept = function (e, treeId, treeNode) {
$("#deptName").attr("value", RolInfoDlg.deptZtree.getSelectedVal()); $("#deptName").attr("value", RolInfoDlg.deptZtree.getSelectedVal());
$("#deptid").attr("value", treeNode.id); $("#deptid").attr("value", treeNode.id);
} };
/** /**
* 点击父级菜单input框时 * 点击父级菜单input框时
* *
* @param e * @param e
* @param treeId * @param treeId
* @param treeNode * @param treeNode
* @returns * @returns
*/ */
RolInfoDlg.onClickPName = function(e, treeId, treeNode) { RolInfoDlg.onClickPName = function (e, treeId, treeNode) {
$("#pName").attr("value", RolInfoDlg.pNameZtree.getSelectedVal()); $("#pName").attr("value", RolInfoDlg.pNameZtree.getSelectedVal());
$("#pid").attr("value", treeNode.id); $("#pid").attr("value", treeNode.id);
} };
/** /**
* 显示部门选择的树 * 显示部门选择的树
* *
* @returns * @returns
*/ */
RolInfoDlg.showDeptSelectTree = function() { RolInfoDlg.showDeptSelectTree = function () {
Feng.showInputTree("deptName","deptContent"); Feng.showInputTree("deptName", "deptContent");
} };
/** /**
* 显示父级菜单的树 * 显示父级菜单的树
* *
* @returns * @returns
*/ */
RolInfoDlg.showPNameSelectTree = function() { RolInfoDlg.showPNameSelectTree = function () {
Feng.showInputTree("pName","pNameContent"); Feng.showInputTree("pName", "pNameContent");
} };
/** /**
* 收集数据 * 收集数据
*/ */
RolInfoDlg.collectData = function() { RolInfoDlg.collectData = function () {
this.set('id').set('name').set('pid').set('deptid').set('tips').set('num'); this.set('id').set('name').set('pid').set('deptid').set('tips').set('num');
} };
/**
* 验证数据是否为空
*/
RolInfoDlg.validate = function () {
$('#validateForm').data("bootstrapValidator").resetForm();
$('#validateForm').bootstrapValidator('validate');
return $("#validateForm").data('bootstrapValidator').isValid();
};
/** /**
* 提交添加用户 * 提交添加用户
*/ */
RolInfoDlg.addSubmit = function() { RolInfoDlg.addSubmit = function () {
this.clearData(); this.clearData();
this.collectData(); this.collectData();
if (!this.validate()) {
//提交信息 return;
var ajax = new $ax(Feng.ctxPath + "/role/add", function(data){ }
Feng.success("添加成功!");
window.parent.Role.table.refresh(); //提交信息
RolInfoDlg.close(); var ajax = new $ax(Feng.ctxPath + "/role/add", function (data) {
},function(data){ Feng.success("添加成功!");
Feng.error("添加失败!" + data.responseJSON.message + "!"); window.parent.Role.table.refresh();
}); RolInfoDlg.close();
ajax.set(this.roleInfoData); }, function (data) {
ajax.start(); Feng.error("添加失败!" + data.responseJSON.message + "!");
} });
ajax.set(this.roleInfoData);
ajax.start();
};
/** /**
* 提交修改 * 提交修改
*/ */
RolInfoDlg.editSubmit = function() { RolInfoDlg.editSubmit = function () {
this.clearData(); this.clearData();
this.collectData(); this.collectData();
//提交信息 //提交信息
var ajax = new $ax(Feng.ctxPath + "/role/edit", function(data){ var ajax = new $ax(Feng.ctxPath + "/role/edit", function (data) {
Feng.success("修改成功!"); Feng.success("修改成功!");
window.parent.Role.table.refresh(); window.parent.Role.table.refresh();
RolInfoDlg.close(); RolInfoDlg.close();
},function(data){ }, function (data) {
Feng.error("修改失败!" + data.responseJSON.message + "!"); Feng.error("修改失败!" + data.responseJSON.message + "!");
}); });
ajax.set(this.roleInfoData); ajax.set(this.roleInfoData);
ajax.start(); ajax.start();
} };
$(function() { $(function () {
var deptTree = new $ZTree("deptTree", "/dept/tree"); Feng.initValidator("validateForm", RolInfoDlg.validateFields);
deptTree.bindOnClick(RolInfoDlg.onClickDept);
deptTree.init(); var deptTree = new $ZTree("deptTree", "/dept/tree");
RolInfoDlg.deptZtree = deptTree; deptTree.bindOnClick(RolInfoDlg.onClickDept);
deptTree.init();
var pNameTree = new $ZTree("pNameTree", "/role/roleTreeList"); RolInfoDlg.deptZtree = deptTree;
pNameTree.bindOnClick(RolInfoDlg.onClickPName);
pNameTree.init(); var pNameTree = new $ZTree("pNameTree", "/role/roleTreeList");
RolInfoDlg.pNameZtree = pNameTree; pNameTree.bindOnClick(RolInfoDlg.onClickPName);
pNameTree.init();
RolInfoDlg.pNameZtree = pNameTree;
}); });
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment