mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-11-10 11:24:45 +08:00
完成用户列表/资源列表改造
This commit is contained in:
yubaolee
@@ -1,71 +1,10 @@
|
||||
|
||||
//grid列表模块
|
||||
function MainGrid() {
|
||||
var url = '/ResourceManager/Load?categoryId=';
|
||||
var selectedId = '00000000-0000-0000-0000-000000000000'; //ztree选中的模块
|
||||
this.maingrid = $('#maingrid').datagrid({
|
||||
showToolbar: false,
|
||||
filterThead: false,
|
||||
loadType: 'GET',
|
||||
target: $(this),
|
||||
columns: [
|
||||
{
|
||||
name: 'Id',
|
||||
label: '资源表ID',
|
||||
width: 100
|
||||
, hide: true
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Key',
|
||||
label: 'Key',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
name: 'Name',
|
||||
label: '名称',
|
||||
width: 100
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Status',
|
||||
label: '当前状态',
|
||||
width: 100
|
||||
, align: 'center',
|
||||
items: [{ '0': '默认' }, { '1': '状态1' }],
|
||||
},
|
||||
{
|
||||
name: 'SortNo',
|
||||
label: '排序号',
|
||||
width: 100
|
||||
, align: 'center',
|
||||
items: [{ '0': '默认' }, { '1': '状态1' }],
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Description',
|
||||
label: '描述',
|
||||
width: 100
|
||||
},
|
||||
],
|
||||
dataUrl: url + selectedId,
|
||||
fullGrid: true,
|
||||
showLinenumber: true,
|
||||
showCheckboxcol: true,
|
||||
paging: true,
|
||||
filterMult: false,
|
||||
showTfoot: false,
|
||||
|
||||
$(function () {
|
||||
$("#ParentName").on("click", function () {
|
||||
parent.reload();
|
||||
});
|
||||
this.reload = function (id) {
|
||||
if (id != undefined) selectedId = id;
|
||||
this.maingrid.datagrid('reload', { dataUrl: url + selectedId });
|
||||
};
|
||||
};
|
||||
MainGrid.prototype = new Grid();
|
||||
var list = new MainGrid();
|
||||
});
|
||||
|
||||
//左边分类导航树
|
||||
//左边导航
|
||||
var ztree = function () {
|
||||
var url = '/CategoryManager/LoadForTree';
|
||||
var setting = {
|
||||
@@ -82,38 +21,106 @@ var ztree = function () {
|
||||
rootPId: 'null'
|
||||
}
|
||||
},
|
||||
callback: { onClick: zTreeOnClick }
|
||||
callback: {
|
||||
onClick: function (event, treeId, treeNode) {
|
||||
list.reload(treeNode.Id);
|
||||
}
|
||||
}
|
||||
};
|
||||
$.getJSON(url, function (json) {
|
||||
$.fn.zTree.init($("#tree"), setting, json).expandAll(true);
|
||||
});
|
||||
function zTreeOnClick(event, treeId, treeNode) {
|
||||
list.reload(treeNode.Id);
|
||||
}
|
||||
var load = function () {
|
||||
$.getJSON(url, function (json) {
|
||||
var zTreeObj = $.fn.zTree.init($("#orgtree"), setting, json);
|
||||
list.reload();
|
||||
zTreeObj.expandAll(true);
|
||||
});
|
||||
};
|
||||
load();
|
||||
|
||||
return {
|
||||
reload: function () {
|
||||
$.getJSON(url, function (json) {
|
||||
$.fn.zTree.init($("#tree"), setting, json).expandAll(true);
|
||||
});
|
||||
}
|
||||
reload: load
|
||||
}
|
||||
}();
|
||||
|
||||
//编辑时，选择上级弹出的树
|
||||
var parentTree = function () {
|
||||
var nameDom = "#CategoryName";
|
||||
var idDom = "#CategoryId";
|
||||
//grid列表模块
|
||||
function MainGrid() {
|
||||
var url = '/ResourceManager/Load?categoryId=';
|
||||
var selectedId = '00000000-0000-0000-0000-000000000000'; //ztree选中的模块
|
||||
this.maingrid = $('#maingrid')
|
||||
.jqGrid({
|
||||
colModel: [
|
||||
{
|
||||
name: 'Id',
|
||||
index: 'Id',
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
index: 'Key',
|
||||
name: 'Key',
|
||||
label: '资源标识'
|
||||
},
|
||||
{
|
||||
index: 'Name',
|
||||
name: 'Name',
|
||||
label: '分类名称'
|
||||
},
|
||||
{
|
||||
index: 'CategoryName',
|
||||
name: 'CategoryName',
|
||||
label: '所属分类'
|
||||
},
|
||||
{
|
||||
index: 'CategoryId',
|
||||
name: 'CategoryId',
|
||||
hidden: true
|
||||
},
|
||||
|
||||
{
|
||||
index: 'SortNo',
|
||||
name: 'SortNo',
|
||||
label: '排序号'
|
||||
|
||||
}
|
||||
],
|
||||
url: url + selectedId,
|
||||
datatype: "json",
|
||||
|
||||
viewrecords: true,
|
||||
rowNum: 18,
|
||||
pager: "#grid-pager",
|
||||
altRows: true,
|
||||
height: 'auto',
|
||||
multiselect: true,
|
||||
multiboxonly: true,
|
||||
|
||||
loadComplete: function () {
|
||||
var table = this;
|
||||
setTimeout(function () {
|
||||
updatePagerIcons(table);
|
||||
},
|
||||
0);
|
||||
}
|
||||
}).jqGrid('navGrid', "#grid-pager", {
|
||||
edit: false, add: false, del: false, refresh: false, search: false
|
||||
});
|
||||
|
||||
this.reload = function (id) {
|
||||
if (id != undefined) selectedId = id;
|
||||
this.maingrid.jqGrid("setGridParam", { url: url + selectedId })
|
||||
.trigger("reloadGrid", [{ page: 1 }]); //重载JQGrid
|
||||
|
||||
};
|
||||
};
|
||||
MainGrid.prototype = new Grid();
|
||||
var list = new MainGrid();
|
||||
var vm = new Vue({
|
||||
el: '#editDlg'
|
||||
});
|
||||
|
||||
//上级机构选择框
|
||||
var parent = function (name,id) { //ztree搜索框
|
||||
var zTreeObj;
|
||||
var setting = {
|
||||
view: {
|
||||
selectedMulti: false
|
||||
},
|
||||
check: {
|
||||
enable: true,
|
||||
chkStyle: "radio", //单选
|
||||
radioType: "all"
|
||||
},
|
||||
view: { selectedMulti: false },
|
||||
data: {
|
||||
key: {
|
||||
name: 'Name',
|
||||
@@ -127,106 +134,107 @@ var parentTree = function () {
|
||||
}
|
||||
},
|
||||
callback: {
|
||||
onClick: zTreeOnClick,
|
||||
onCheck: zTreeCheck
|
||||
onClick: onClick
|
||||
}
|
||||
};
|
||||
var showMenu = function () {
|
||||
$("#menuContent").css({ left: "10px", top: $("#"+name).outerHeight() + "px" }).slideDown("fast");
|
||||
$("body").bind("mousedown", onBodyDown);
|
||||
};
|
||||
function onClick(e, treeId, treeNode) {
|
||||
var nodes = zTreeObj.getSelectedNodes();
|
||||
|
||||
function zTreeCheck(event, treeId, treeNode) {
|
||||
var nodes = zTreeObj.getCheckedNodes(true);
|
||||
var ids = nodes.map(function (e) { return e.Id; }).join(",");
|
||||
var names = nodes.map(function (e) { return e.Name; }).join(",");
|
||||
|
||||
$(nameDom).val(names);
|
||||
$(idDom).val(ids);
|
||||
for (var i = 0, l = nodes.length; i < l; i++) {
|
||||
vm.$set(name, nodes[i].Name);
|
||||
vm.$set(id, nodes[i].Id);
|
||||
break;
|
||||
}
|
||||
hideMenu();
|
||||
}
|
||||
function zTreeOnClick(event, treeId, treeNode) {
|
||||
zTreeObj.checkNode(treeNode, !treeNode.checked, true, true);
|
||||
event.preventDefault();
|
||||
function onBodyDown(event) {
|
||||
if (!(event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
|
||||
hideMenu();
|
||||
}
|
||||
}
|
||||
function hideMenu() {
|
||||
$("#menuContent").fadeOut("fast");
|
||||
$("body").unbind("mousedown", onBodyDown);
|
||||
}
|
||||
|
||||
return {
|
||||
show: function () {
|
||||
$.getJSON('/CategoryManager/LoadForTree', function (json) {
|
||||
zTreeObj = $.fn.zTree.init($('#j_select_tree1'), setting, json);
|
||||
var orgstr = $(idDom).val();
|
||||
var name = '';
|
||||
if (orgstr != '') {
|
||||
var nodeIds = orgstr.split(',');
|
||||
$.each(nodeIds, function () {
|
||||
var node = zTreeObj.getNodeByParam("Id", this, null);
|
||||
name += ',' + node.Name;
|
||||
zTreeObj.checkNode(node, true, true);
|
||||
});
|
||||
$(nameDom).val(name.substr(1)); //显示名称
|
||||
reload: function () {
|
||||
var index = layer.load();
|
||||
$.getJSON("/CategoryManager/LoadForTree", {
|
||||
page: 1, rows: 10000
|
||||
}, function (json) {
|
||||
layer.close(index);
|
||||
if (json.length == 0) {
|
||||
vm.$set(name, '');
|
||||
vm.$set(id, '');
|
||||
return;
|
||||
}
|
||||
zTreeObj = $.fn.zTree.init($("#org"), setting, json);
|
||||
zTreeObj.expandAll(true);
|
||||
showMenu();
|
||||
});
|
||||
}
|
||||
};
|
||||
}();
|
||||
}
|
||||
}("CategoryName","CategoryId");
|
||||
|
||||
//添加（编辑）对话框
|
||||
var editDlg = function () {
|
||||
var update = false;
|
||||
var show = function () {
|
||||
BJUI.dialog({ id: 'editDlg', title: '编辑对话框', target: '#editDlg' });
|
||||
$("#btnSave").on("click", function () {
|
||||
editDlg.save();
|
||||
layer.open({
|
||||
type: 1,
|
||||
skin: 'layui-layer-rim', //加上边框
|
||||
title: "用户管理", //不显示标题
|
||||
area: ['400px', '300px'], //宽高
|
||||
content: $('#editDlg'), //捕获的元素
|
||||
btn: ['保存', '关闭'],
|
||||
yes: function (index, layero) {
|
||||
$.post("/CategoryManager/Add", vm.$data, function (data) {
|
||||
layer.msg(data.Message);
|
||||
if (data.Status) {
|
||||
list.reload();
|
||||
ztree.reload();
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
cancel: function (index) {
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
}
|
||||
return {
|
||||
add: function () { //弹出添加
|
||||
update = false;
|
||||
show();
|
||||
$.CurrentDialog.find("form")[0].reset(); //reset方法只能通过dom调用
|
||||
$("#Id").val('00000000-0000-0000-0000-000000000000');
|
||||
|
||||
parentTree.show();
|
||||
vm.$set('$data', {
|
||||
Id: '00000000-0000-0000-0000-000000000000',
|
||||
SortNo: 0
|
||||
});
|
||||
},
|
||||
update: function (ret) { //弹出编辑框
|
||||
update = true;
|
||||
show();
|
||||
$('#Id').val(ret.Id);
|
||||
$('#Key').val(ret.Key);
|
||||
$('#Name').val(ret.Name);
|
||||
$('#Status').selectpicker('val', ret.Status);
|
||||
$('#SortNo').val(ret.SortNo);
|
||||
$('#CategoryId').val(ret.CategoryId);
|
||||
$('#Description').val(ret.Description);
|
||||
parentTree.show();
|
||||
},
|
||||
save: function () { //编辑-->保存
|
||||
$('#editForm').isValid(function (v) {
|
||||
if (!v) return; //验证没通过
|
||||
$("#editForm").bjuiajax('ajaxForm', {
|
||||
reload: false,
|
||||
callback: function (json) {
|
||||
if (json.statusCode != "200") {
|
||||
$(this).alertmsg('warn', json.message);
|
||||
return;
|
||||
}
|
||||
list.reload();
|
||||
ztree.reload();
|
||||
}
|
||||
});
|
||||
});
|
||||
vm.$set('$data', ret);
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
//删除
|
||||
function del() {
|
||||
var selected = list.getSelectedObj();
|
||||
var selected = list.getSelectedProperties("Id");
|
||||
if (selected == null) return;
|
||||
|
||||
$.post('/ResourceManager/Delete?Id=' + selected.Id, function (data) {
|
||||
if (data.statusCode == "200") {
|
||||
$.post('/ResourceManager/Delete',
|
||||
{ ids: selected }, function (data) {
|
||||
if (data.Status) {
|
||||
list.reload();
|
||||
ztree.reload();
|
||||
}
|
||||
else {
|
||||
$(this).alertmsg('warn', data.message);
|
||||
$(this).alertmsg('warn', data.Message);
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user