普通用户修改 - 用户管理系统
<p><%@ page language='java' contentType='text/html; charset=UTF-8'
pageEncoding='UTF-8'%></p>
<html>
<head>
<meta charset='UTF-8'>
<title>用户管理-普通用户-添加</title>
<!--全局CSS-->
<link href='/css/bootstrap.min.css' rel='stylesheet'>
<link href='/css/bootstrap-dialog.css' rel='stylesheet' type='text/css' />
<link href='/css/bootstrapValidator.min.css' rel='stylesheet' type='text/css' />
<link href='/static/plugins/bootstrap_table/Content/bootstrap-table.css' rel='stylesheet' type='text/css' />
<!--全局JS-->
<script src='/js/jquery-2.1.4.min.js' type='text/javascript'></script>
<script src='/js/bootstrap.min.js' type='text/javascript'></script>
<script src='/static/plugins/bootstrap_table/Scripts/Bootstrap/ArbetTable.js' type='text/javascript'></script>
<script src='/static/plugins/bootstrap_table/Scripts/Bootstrap/bootstrap-table.js' type='text/javascript'></script>
<script src='/static/plugins/bootstrap_table/Scripts/Bootstrap/locale/bootstrap-table-zh-CN.js' type='text/javascript'></script>
<script src='/js/bootstrap-dialog.js' type='text/javascript'></script>
<script src='/js/bootstrapValidator.min.js' type='text/javascript'></script>
<script src='/static/plugins/layer/layer.js' type='text/javascript'></script>
<script src='/static/plugins/laydate/laydate.js' type='text/javascript'></script>
<!-- 对等js -->
<script type='text/javascript' src='/static/js/main/userMgr/normalUser_edit.js'></script>
</head>
<body>
<div class='loginbox registbox'>
<!-- 隐藏域 -->
<div class='form-group'>
<input type='hidden' id='id' name='id'>
</div>
<div class='form-group' style='padding-left:80px'>
<input placeholder='用户昵称' class='form-control'
id='nickName' name='nickName' style='width: 300px;'/>
</div>
<div class='form-group' style='padding-left:80px'>
<select style='width: 72%' id='userState' class='form-control'>
<option value ='0' selected = 'selected'>--- 启用 ---</option>
<option value ='1'>--- 禁用 ---</option>
</select>
</div>
<div class='form-group' style='padding-left:80px'>
<input placeholder='创建时间' class='form-control'
id='createDate' name='nickName' style='width: 300px;'/>
</div>
<div class='form-group' style='padding-left: 80px;padding-top: 60px;line-height:80px;'>
<button onclick='userNormal_editSubmit()' type='submit' name='submit' class='btn btn-primary' style='width: 300px;'>保存</button>
</div>
</div>
</body>
<script type='text/javascript'>
//日期和时间选择器
laydate.render({
elem: '#createDate',
type: 'datetime'
});
</script>
</html>
//初始化参数
var id;
var nickName;
var userState;
var createDate;
<p>//关闭子窗口
function closeWindow(){
$('#userNormalTable').bootstrapTable('refresh');
//获取窗口索引
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
}</p>
<p>//全局加载
$(function () {
//获取layer父窗口参数
var data = parent.layer.methodConfig.data;
//回显
$('#id').val(data.id);
$('#nickName').val(data.nickName);
$('#userState').val(data.userState);
$('#createDate').val(data.createDate);</p>
<p>});</p>
<p>//参数值收集
function collectParams(){
id = $('#id').val();
nickName = $('#nickName').val();
userState = $('#userState').val();
createDate = $('#createDate').val();
}</p>
<p>//用户添加
function userNormal_editSubmit(){
//参数值收集
collectParams();
//发送Ajax
$.ajax({
url:'/user/edit',
type:'POST',
data:{"id':id,'nickName':nickName,'userState':userState,'createDate':createDate},
success:function(data){
//成功操作
if(data == true){
layer.msg('修改成功!');
//延迟关闭子窗口
setTimeout('closeWindow()', 1000);
}
//失败操作
else{
layer.msg('抱歉,修改失败!');
}
},
dataType:'json'
});</p>
<p>}</p>
原文地址: https://www.cveoy.top/t/topic/m1F5 著作权归作者所有。请勿转载和采集!