lsm/OpenAuth.Net
1
0
Fork 0
mirror of https://gitee.com/dotnetchina/OpenAuth.Net.git synced 2025-09-20 10:37:55 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化部分JS前端模块，后期统一按此结构调整

Browse Source
This commit is contained in:
yubaolee
2016-04-15 17:49:21 +08:00
parent 587726951b
commit fa4b890965
24 changed files with 1129 additions and 1189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

371
OpenAuth.Mvc/BllScripts/modulemanager.js
View File

@@ -12,12 +12,114 @@
// <summary>模块管理脚本</summary>
// ***********************************************************************
$(document).ready(function () {
});
//grid列表模块
function MainGrid() {
var url = '/ModuleManager/Load?orgId=';
var selectedId = 0; //ztree选中的模块
this.maingrid = $('#maingrid').datagrid({
showToolbar: false,
filterThead: false,
target: $(this),
columns: [
{
name: 'Id',
label: '功能模块流水号',
width: 100
, hide: true
},
{
name: 'CascadeId',
label: '节点语义ID',
width: 100
},
{
name: 'Name',
label: '功能模块名称',
width: 100
},
{
name: 'Url',
label: '主页面URL',
width: 100
},
{
name: 'HotKey',
label: '热键',
width: 100
},
{
name: 'ParentId',
label: '父节点流水号',
width: 100
, type: 'select',
align: 'center',
items: [{ '0': '默认' }, { '1': '状态1' }],
},
{
name: 'IsLeaf',
label: '是否叶子节点',
width: 100
, type: 'select',
align: 'center',
items: [{ 'false': '否' }, { 'true': '是' }],
},
{
name: 'IsAutoExpand',
label: '是否自动展开',
width: 100
, type: 'select',
align: 'center',
items: [{ 'false': '否' }, { 'true': '是' }],
},
{
name: 'IconName',
label: '节点图标文件名称',
width: 100
},
{
name: 'Status',
label: '当前状态',
width: 100
, type: 'select',
align: 'center',
items: [{ '0': '默认' }, { '1': '状态1' }],
},
{
name: 'ParentName',
label: '父节点名称',
width: 100
},
{
name: 'Vector',
label: '矢量图标',
width: 100
},
{
name: 'SortNo',
label: '排序号',
width: 100
},
],
dataUrl: url + selectedId,
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: true,
filterMult: false,
showTfoot: false,
height: '100%'
});
this.reload = function (id) {
if (id != undefined) selectedId = id;
this.maingrid.datagrid('reload', { dataUrl: url + selectedId });
};
};
MainGrid.prototype = new Grid();
var list = new MainGrid();
//ztree模块
//左边分类导航树
var ztree = function () {
var zTreeObj = undefined;
var url = '/ModuleManager/LoadModuleWithRoot';
var setting = {
view: { selectedMulti: false },
data: {
@@ -34,115 +136,150 @@ var ztree = function () {
},
callback: { onClick: zTreeOnClick }
};
$.getJSON('/ModuleManager/LoadModuleWithRoot', function (json) {
zTreeObj = $.fn.zTree.init($('#maintree'), setting, json);
zTreeObj.expandAll(true);
});
}();
//grid列表模块
var grid = function () {
var selectedId = 0; //选中的ID
var maingrid = $('#maingrid', '#detail').datagrid({
showToolbar: false,
filterThead: false,
target: $(this),
columns: [
{
name: 'Id',
label: '功能模块流水号',
hide: true
},
{
name: 'CascadeId',
label: '节点语义ID',
width: 80
},
{
name: 'Name',
label: '功能模块名称',
width: 80
},
{
name: 'Url',
label: '主页面URL',
width: 80
},
{
name: 'ParentId',
label: '父节点流水号',
hide: true
},
{
name: 'IconName',
width: 80,
label: '节点图标文件名称'
},
{
name: 'Status',
width: 80,
label: '当前状态'
},
{
name: 'ParentName',
width: 80,
label: '父节点名称'
},
{
name: 'Vector',
width: 80,
label: '矢量图标'
},
{
name: 'SortNo',
width: 80,
label: '排序号'
},
],
dataUrl: '/ModuleManager/Load?orgId=' + selectedId,
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: true,
filterMult: false,
showTfoot: false,
height: 'auto'
$.getJSON(url, function (json) {
$.fn.zTree.init($("#tree"), setting, json).expandAll(true);
});
function zTreeOnClick(event, treeId, treeNode) {
list.reload(treeNode.Id);
}
return {
reload: function (id) {
if (id != undefined) selectedId = id;
maingrid.datagrid('reload', { dataUrl: '/ModuleManager/Load?orgId=' + selectedId });
reload: function () {
$.getJSON(url, function (json) {
$.fn.zTree.init($("#tree"), setting, json).expandAll(true);
});
}
}
}();
//编辑时，选择上级弹出的树
var parentTree = function () {
var nameDom = "#ParentName";
var idDom = "#ParentId";
var zTreeObj;
var setting = {
view: {
selectedMulti: false
},
getSelectedObj: function () { //选择单行
var selectedDatas = maingrid.data('selectedDatas');
if (selectedDatas == undefined || selectedDatas.length == 0) {
$(this).alertmsg('warn', '至少选择一个对象', {
displayMode: 'slide',
title: '重要提示'
});
return null;
check: {
enable: true,
chkStyle: "radio", //单选
radioType: "all"
},
data: {
key: {
name: 'Name',
title: 'Name'
},
simpleData: {
enable: true,
idKey: 'Id',
pIdKey: 'ParentId',
rootPId: 'null'
}
return selectedDatas[0];
},
getSelectedMany: function () { //选择多行
return maingrid.data('selectedDatas');
},
callback: {
onClick: zTreeOnClick,
onCheck: zTreeCheck
}
};
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);
}
function zTreeOnClick(event, treeId, treeNode) {
zTreeObj.checkNode(treeNode, !treeNode.checked, true, true);
event.preventDefault();
}
return {
show: function () {
$.getJSON('/moduleManager/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)); //显示名称
}
zTreeObj.expandAll(true);
});
}
};
}();
//添加（编辑）对话框
var editDlg = function () {
var update = false;
var show = function () {
BJUI.dialog({ id: 'editDlg', title: '编辑', target: '#editDlg' });
$("#btnSave").on("click", function () {
editDlg.save();
});
}
return {
add: function () { //弹出添加
update = false;
show();
$.CurrentDialog.find("form")[0].reset(); //reset方法只能通过dom调用
$("#Id").val(0);
parentTree.show()
},
update: function (ret) { //弹出编辑框
update = true;
show();
$('#Id').val(ret.Id);
$('#CascadeId').val(ret.CascadeId);
$('#Name').val(ret.Name);
$('#Url').val(ret.Url);
$('#HotKey').val(ret.HotKey);
$('#ParentId').val(ret.ParentId);
$('#IsLeaf').selectpicker('val', ret.IsLeaf?"true":"false");
$('#IsAutoExpand').selectpicker('val', ret.IsAutoExpand?"true":"false");
$('#IconName').val(ret.IconName);
$('#Status').val(ret.Status);
$('#ParentName').val(ret.ParentName);
$('#Vector').val(ret.Vector);
$('#SortNo').val(ret.SortNo);
parentTree.show()
},
save: function () { //编辑-->保存
$('#editForm').isValid(function (v) {
if (!v) return; //验证没通过
$("#editForm").bjuiajax('ajaxForm', {
reload: false,
callback: function (json) {
list.reload();
ztree.reload();
}
});
});
}
};
}();
function zTreeOnClick(event, treeId, treeNode) {
grid.reload(treeNode.Id);
}
//删除
function delModule() {
var selected = grid.getSelectedObj();
function del() {
var selected = list.getSelectedObj();
if (selected == null) return;
$.getJSON('/ModuleManager/Delete?Id=' + selected.Id, function (data) {
if (data.statusCode == "200")
grid.reload();
$.getJSON('/moduleManager/Delete?Id=' + selected.Id, function (data) {
if (data.statusCode == "200") {
list.reload();
ztree.reload();
}
else {
$(this).alertmsg('warn', data.message);
}
@@ -150,23 +287,25 @@ function delModule() {
}
//自定义的编辑按钮
function editModule() {
var selected = grid.getSelectedObj();
if (selected == null) return;
function edit() {
var selected = list.getSelectedObj();
if (selected == null) {
return;
}
editDlg.update(selected);
}
$(this).dialog({
id: 'editDialog',
url: '/ModuleManager/Add?id=' + selected.Id,
title: '编辑',
onClose: function () {
grid.reload();
}
});
function add() {
editDlg.add();
}
function refresh() {
list.reload();
}
//为模块分配按钮
function assignButton() {
var selected = grid.getSelectedObj();
var selected = list.getSelectedObj();
if (selected == null) return;
//BJUI.dialog({ id: 'assignDialog', title: '菜单编辑', target: '#moduleElementManager' });
@@ -175,10 +314,10 @@ function assignButton() {
id: 'assignDialog',
mask: true,
url: '/ModuleElementManager/Index?id=' + selected.Id,
title: '为模块分配按钮'
title: '为模块分配按钮',
width: '800',
height:'600'
});
}
function refreshModuleGrid() {
grid.reload();
}
//@@ sourceURL=moduleManager.js