用户管理 - 用户列表 - 常规

// 初始化参数 var id; var email; var nickName; var userState; var createDate;

// 初始化表格的列 userNormal_initColumn = function () { var columns = [ {field: 'selectItem', radio: true, visible: true}, {title: 'id', field: 'id', visible: false, align: 'center', valign: 'middle'}, {title: '邮箱地址', field: 'email', visible: true, align: 'center', valign: 'middle', sortable: true}, {title: '昵称', field: 'nickName', visible: true, align: 'center', valign: 'middle', sortable: true}, {title: '用户状态', field: 'userState', align: 'center', valign: 'middle', sortable: true, formatter: function (value, row, index) { if(value == 0){ return '启用'; } else{ return '禁用'; } }}, {title: '创建日期', field: 'createDate', align: 'center', valign: 'middle', sortable: true},

];
return columns;

};

/**

检查是否选中 */ userNormal_check = function () { // 获得row数组 var rows = $("#userNormalTable").bootstrapTable('getSelections'); if (rows.length == 0) { return false; } else { return true; } };

// 删除 userNormal_delete = function () { if(userNormal_check()){ // 获得当前选中行对象 var rows = $("#userNormalTable").bootstrapTable('getSelections'); // 获得选中id var id = rows[0].id; // 发送ajax执行删除 $.ajax({ url:"/user/remove", type:"POST", data:{"id":id}, success:function(data){ // 成功操作 if(data == true){ layer.msg("删除成功"); $("#userNormalTable").bootstrapTable('refresh'); } // 失败操作 else{ layer.msg("删除失败"); } }, dataType:"json" });

}
else{
	layer.msg("请先选中至少一条记录！");
}

};

// 添加 userNormal_add = function(){ var index = layer.open({ type: 2, title: '添加用户', area: ['500px', '460px'], //宽高 fix: false, //不固定 maxmin: true, content: '/static/page/main/userMgr/normalUser_add.jsp' }); this.layerIndex = index; }

// 修改 userNormal_edit = function(){ if(userNormal_check()){ // 获得当前选中行对象 var rows = $("#userNormalTable").bootstrapTable('getSelections'); // 获得参数 var id = rows[0].id; var nickName = rows[0].nickName; var userState = rows[0].userState; var createDate = rows[0].createDate; var index = layer.open({ type: 2, title: '修改用户', area: ['500px', '490px'], //宽高 fix: false, //不固定 maxmin: true, content: '/static/page/main/userMgr/normalUser_edit.jsp', data:{ id:id, nickName:nickName, userState: userState, createDate:createDate }, }); this.layerIndex = index; } else{ layer.msg("请先选中至少一条记录！");

}

// 收集参数 function collectParam(){ email = $("#email").val(); nickName = $("#nickName").val(); createDate = $("#createDate").val(); userState = $("#userState").val(); }

// BootStrap查询 function userNormal_search() { // 收集参数 collectParam(); var opt = { url: "/user/queryCondition", silent: true, query:{ email: email, nickName: nickName, createDate: createDate, userState: userState, } }; $("#userNormalTable").bootstrapTable('refresh',opt); };

$(function(){ var column = userNormal_initColumn(); $("#userNormalTable").bootstrapTable({ contentType: "application/x-www-form-urlencoded", url: '/user/queryList', method: 'post', //ajax方式,post还是get //toolbar: "#toolbar", //顶部工具条 striped: true, //是否显示行间隔色 cache: false, //是否使用缓存,默认为true sortable: true, //是否启用排序 sortOrder: "desc", //排序方式 pagination: true, //启用分页 pageNumber: 1, //初始化加载第一页，默认第一页 pageSize: 5, //每页的记录行数（） pageList: [5, 10, 15,'All'], //可供选择的每页的行数（） queryParamsType: 'limit', //默认值为 'limit' ,在默认情况下传给服务端的参数为：offset,limit,sort queryParams:{"param":"testData"}, // 向后台传递的自定义参数 sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*） search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端 strictSearch: true, //设置为 true启用全匹配搜索，否则为模糊搜索 showColumns: false, //是否显示所有的列 showRefresh: false, //是否显示刷新按钮 minimumCountColumns: 2, //最少允许的列数 clickToSelect: true, //是否启用点击选中行 searchOnEnterKey: true, //设置为 true时，按回车触发搜索方法，否则自动触发搜索方法//pagination: true, //是否显示分页条 height: 365, //底部栏高 icons: { refresh: 'glyphicon-repeat', toggle: 'glyphicon-list-alt', columns: 'glyphicon-list' }, iconSize: 'outline',

    columns:column,//列数组
});

}); // 初始化参数 var id; var nickName; var userState; var createDate;

// 关闭子窗口 function closeWindow(){ $("#userNormalTable").bootstrapTable('refresh'); // 获取窗口索引 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }

// 全局加载 $(function () { // 获取layer父窗口参数 var data = parent.layer.methodConfig.data; // 回显 $("#id").val(data.id); $("#nickName").val(data.nickName); $("#userState").val(data.userState); $("#createDate").val(data.createDate);

});

// 参数值收集 function collectParams(){ id = $("#id").val(); nickName = $("#nickName").val(); userState = $("#userState").val(); createDate = $("#createDate").val(); }

// 用户添加 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"
});

}

为什么第一段代码修改之后会刷新页面第二段不会自动刷新页面怎么做内容：第一段代码中的刷新操作是通过调用bootstrapTable插件的refresh方法来实现的，该方法会重新发送ajax请求获取数据并刷新表格，因此可以实现自动刷新页面的效果。而第二段代码中的修改操作并没有进行页面刷新，需要手动调用刷新方法来刷新页面，可以在修改成功后调用父窗口的刷新方法来实现，例如：parent.location.reload()。或者在子窗口关闭后，再调用父窗口的刷新方法来实现。