“MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第四篇（用户管理功能的实现）

//------------------------系统管理-->用户管理-----------------------------------------//
//刷新数据
function initable() {
$("#datagrid").datagrid({
url: "/Privilige/UserManeger",
title: "用户表",
pagination: true,
pageSize: 10,
pageList: [10, 20, 30],
fit: true,
fitColumns: false,
loadMsg: "正在加载用户的信息...",
nowarp: false,
border: false,
idField: "ID",
sortName: "ID",
sortOrder: "asc",
frozenColumns: [[//冻结列
{field: "ck", checkbox: true, align: "left", width: 50 },
{ title: "编号", field: "ID", width: 100, sortable: true }
]],
columns: [[
{ title: "用户名", field: "UserName", width: 100, sortable: true, formatter: function (value, rowData, rowIndex) { return "<span title=" + value + ">" + value + "</span>" } },
{ title: "密码", field: "PassWord",width: 100, sortable: true, formatter: function (value, rowData, rowIndex) { return "******"; } },
{ title: "姓名", field: "PersonName", width: 100, sortable: true },
{ title: "是否用加密锁", field: "IsUseKey", width: 100, sortable: true, formatter: function (value, rowData, rowIndex) {
if (rowData.IsUseKey == 1) {
return "<span title='是'>是</span>"
}
else {
return "<span title='否'>否</span>"
}
}
}, { title: "加密锁号", field: "KeyPassword", width: 150 },
{title: "操作",field:"ActionID",width: 70,formatter: function (value, row, index) {
var str = '';
if ($.canEdit) {
str += $.formatString('<img onclick="updateUserInfo(\'{0}\');"  src="{1}" title="编辑"/>', row.id, '/images/edit.png');
}
str += ' ';
if ($.canGrant) {
str += $.formatString('<img onclick="showCreateUserDialog();" src="{0}" title="添加"/>',  '/jquery-easyui-1.3.2/themes/icons/edit_add.png');
}
str += ' ';
if ($.canDelete) {
str += $.formatString('<img onclick="" src="{0}" title="删除"/>', '/jquery-easyui-1.3.2/themes/icons/cancel.png');
}
return str;
}
}
]],
toolbar:
[
{
id: "btnadd",
iconCls: "icon-add",
text: "添加用户",
handler: function () {
showCreateUserDialog();
}
}, "--",
{
id: "btnDownShelf",
text: "修改用户",
iconCls: "icon-edit",
handler: function () {
updateUserInfo();

//console.info(rows[0].ID);
}
}, "--",
{
text: "撤销",
iconCls: "icon-redo",
handler: function () {
$("#datagrid").datagrid("rejectChanges");
$("#datagrid").datagrid("unselectAll");
}
}, "--",
{
id: "btnDel",
text: "删除用户",
iconCls: "icon-cancel",
handler: function () {
deleteUser();
}
}, "--",
{
id: "btnFenPei",
text: "分配权限",
iconCls: "icon-edit",
handler: function () {
SetUserLimit();
}
}, "--"

],
onRowContextMenu: function (e, rowIndex, rowData) {
//console.info(rowData);
e.preventDefault();
$(this).datagrid("unselectAll");
$(this).datagrid("selectRow", rowIndex);
$("#Usermenu").menu("show", { left: e.pageX, top: e.pageY });
}

});
}
//修改点击按钮事件
function upDateUserDll(){
$("#btnUpdate").click(function(){
var postData = {
ID:$("#IDUpdate").val(),
UName: $("#UNameUpdate").val(),
Pwd: $("#PwdUpdate").val(),
PersonName: $("#PersonNameUpdate").val()
};
$.post("/Privilige/UpdateUser", postData, function (data) {
if (data == "Yes") {
$("#divUpdateUser").dialog("close");
$.messager.alert("提示", "修改成功！");
initable();
}
else if (data == "No") {
$.messager.alert("提示", "密码不能为空！");
return;
}
});
});
}
//删除用户
function deleteUser()
{
var rows = $("#datagrid").datagrid("getSelections");
if (rows.length > 0) {
$.messager.confirm("提示", "确定要删除吗?", function (res) {
if (res) {
var codes = []; //重要不是{}
for (var i = 0; i < rows.length; i++) {
codes.push(rows[i].ID);
}
$.post("/Privilige/Del", { "ids": codes.join(',') }, function (data) {
if (data == "Yes") {
$.messager.alert("提示", "删除成功！");
$("#datagrid").datagrid("load", {});
}
});
}
});
}
}
//修改用户信息
function updateUserInfo() {
var rows = $("#datagrid").datagrid("getSelections");
if (rows.length != 1) {
$.messager.alert("提示", "请选择一条数据！");
return;
}
else {
//处理修改：弹出修改的对话框
$("#IDUpdate").val(rows[0].ID);
$("#UNameUpdate").val(rows[0].UserName);
$("#PwdUpdate").val(rows[0].PassWord);
$("#PersonNameUpdate").val(rows[0].PersonName);
$("#divUpdateUser").dialog({
closed:false,
title: "修改用户",
modal: true,
width: 300,
height: 300,
collapsible: true,
minimizable: true,
maximizable: true,
resizable: true,
});
}
}
function searchFunc() { $("#datagrid").datagrid("load", sy.serializeObject($("#searchForm").form())); } //扩展方法
//点击清空按钮出发事件
function clearSearch() {
$("#datagrid").datagrid("load", {}); //重新加载数据，无填写数据，向后台传递值则为空
$("#searchForm").find("input").val(""); //找到form表单下的所有input标签并清空
}
//弹出 添加用户的的对话框
function showCreateUserDialog() {
$("#divAddUser").dialog({
closed:false,
title: "添加用户",
modal: true,
width: 300,
height: 300,
collapsible: true,
minimizable: true,
maximizable: true,
resizable: true
});
}
//分配权限
function SetUserLimit()
{
var rows = $("#datagrid").datagrid("getSelections");
if (rows.length!=1) {
$.messager.alert("提示","请选择一条数据！");
return;
}
else {
$("#UserRole").dialog({
closed:false,
title: "设置用户权限",
modal: true,
maximized:true,
draggable:false
});
//原始的分配权限
//$("#iframeSetUserRole").attr("src", "/houtai/Privilige/UserManage_Limit?userId=" + rows[0].ID);
//TX: zTree分配权限
$("#iframeSetUserRole").attr("src", "/houtai/Privilige/ZTreeList?userId=" + rows[0].ID);
}
}
//设置角色成功之后执行的方法
function afterSetRole() {
$("#UserRole").dialog({
closed:true
});
}

//修改成功之后，由子容器来调用的方法
function afterUpdateSuccess() {
//关闭对话框
$("#UserRole").dialog("close");
//刷新表格
initable();
}

//添加用户
function bindRegistButtonClickEvent() {
$("#btnRegist").click(function () {
var validate = $("#ff").form('validate');
if (validate == false) {
return false;
}
var postData = {
UName: $("#UName").val(),
Pwd: $("#Pwd").val(),
PersonName: $("#PersonName").val()
};
//发送异步请求到后台保存用户数据
$.post("/Privilige/AddUser", postData, function (data) {
if (data == "Yes") {
//添加成功
//关闭对话框，刷新表格
$.messager.alert("提示", "添加成功！");
$("#divAddUser").dialog("close");
initable();
}
else if (data=="Exist") {
$.messager.alert("提示", "该用户名已经存在！");
return;
}
else if (data == "No") {
$.messager.alert("提示", "用户名或密码不能为空！");
return;
}
});
});
}
//------------------------系统管理-->用户管理结束-----------------------------------------//