mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2026-02-26 21:53:17 +08:00
全面调整JS文件结构，为模块化前端做准备
This commit is contained in:
yubaolee
147
OpenAuth.Mvc/BllScripts/moduleElementMan.js
Normal file
147
OpenAuth.Mvc/BllScripts/moduleElementMan.js
Normal file
@@ -0,0 +1,147 @@
|
||||
// ***********************************************************************
|
||||
// Assembly : OpenAuth.Mvc
|
||||
// Author : yubaolee
|
||||
// Created : 04-07-2016
|
||||
//
|
||||
// Last Modified By : yubaolee
|
||||
// Last Modified On : 04-07-2016
|
||||
// ***********************************************************************
|
||||
// <copyright file="moduleElementMan.js" company="www.cnblogs.com/yubaolee">
|
||||
// 模块按钮管理
|
||||
// </copyright>
|
||||
// <summary></summary>
|
||||
// ***********************************************************************
|
||||
|
||||
var moduleId = $.CurrentDialog.find("#selectedModuleId").val(); //外部传递的moduleId
|
||||
|
||||
$(document).ready(function () {
|
||||
$.CurrentDialog.find('#btnAddElement').on('click', function () {
|
||||
editDlg.add();
|
||||
});
|
||||
|
||||
$.CurrentDialog.find('#btnEditElement').on('click', function () {
|
||||
var selected = thisDlg.getSelectedObj();
|
||||
if (selected == null) {
|
||||
return;
|
||||
}
|
||||
editDlg.update(selected);
|
||||
});
|
||||
|
||||
$.CurrentDialog.find('#btnDelElement').on('click', function () {
|
||||
var selected = thisDlg.getSelectedMany(); //可以一次删除多个
|
||||
if (selected == null) {
|
||||
return;
|
||||
}
|
||||
|
||||
$.post("/ModuleElementManager/Del",
|
||||
{
|
||||
moduleElements: JSON.stringify(selected)
|
||||
},
|
||||
function (data) {
|
||||
data = $.parseJSON(data);
|
||||
if (data.statusCode == "200") {
|
||||
thisDlg.reload();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
//本对话框
|
||||
var thisDlg = function () {
|
||||
var maingrid = $.CurrentDialog.find('#maingrid').datagrid({
|
||||
showToolbar: false,
|
||||
filterThead: false,
|
||||
target: $(this),
|
||||
columns: [
|
||||
{
|
||||
name: 'Id',
|
||||
label: '功能模块流水号',
|
||||
hide: true
|
||||
},
|
||||
{
|
||||
name: 'DomId',
|
||||
label: 'DOM标识',
|
||||
},
|
||||
{
|
||||
name: 'Name',
|
||||
label: '功能模块名称',
|
||||
},
|
||||
{
|
||||
name: 'Icon',
|
||||
label: '图标',
|
||||
},
|
||||
{
|
||||
name: 'SortNo',
|
||||
label: '排序号'
|
||||
}
|
||||
],
|
||||
dataUrl: '/ModuleElementManager/Get?moduleId=' + moduleId,
|
||||
fullGrid: true,
|
||||
showLinenumber: true,
|
||||
showCheckboxcol: true,
|
||||
paging: false,
|
||||
filterMult: false,
|
||||
showTfoot: false,
|
||||
height: 'auto'
|
||||
});
|
||||
|
||||
var getSelectDatas = function () {
|
||||
var selectedDatas = maingrid.data('selectedDatas');
|
||||
if (selectedDatas == undefined || selectedDatas.length == 0) {
|
||||
$(this).alertmsg('warn', '至少选择一个对象');
|
||||
return null;
|
||||
}
|
||||
return selectedDatas;
|
||||
}
|
||||
|
||||
return {
|
||||
reload: function (id) {
|
||||
if (id != undefined) moduleId = id;
|
||||
maingrid.datagrid('reload', { dataUrl: '/ModuleElementManager/Get?moduleId=' + moduleId });
|
||||
},
|
||||
getSelectedObj: function () { //选择单行
|
||||
var results = getSelectDatas();
|
||||
if (results != null) return results[0];
|
||||
return null;
|
||||
},
|
||||
getSelectedMany: function () { //选择多行
|
||||
return getSelectDatas();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
var editDlg = function () {
|
||||
var update = false;
|
||||
//在B-JUI中，不能在这里获取DOM，否则下面赋值会不成功
|
||||
//只能直接 $("#Id").val(ret.Id);
|
||||
// Id = $("#Id");
|
||||
var show = function () {
|
||||
BJUI.dialog({ id: 'editDlg', title: '菜单编辑', target: '#editDlg' });
|
||||
}
|
||||
return {
|
||||
add: function () {
|
||||
show();
|
||||
$("#editElementForm")[0].reset(); //reset方法只能通过dom调用
|
||||
$("#Id").val(0);
|
||||
$("#Sort").val('0');
|
||||
$("#ModuleId").val(moduleId);
|
||||
},
|
||||
update: function (ret) {
|
||||
update = true;
|
||||
show();
|
||||
$("#Id").val(ret.Id);
|
||||
$("#DomId").val(ret.DomId);
|
||||
$("#Name").val(ret.Name);
|
||||
$("#Type").val(ret.Type);
|
||||
$("#ModuleId").val(ret.ModuleId);
|
||||
$("#Attr").val(ret.Attr);
|
||||
$("#Script").val(ret.Script);
|
||||
$("#Icon").val(ret.Icon);
|
||||
$("#Class").val(ret.Class);
|
||||
$("#Remark").val(ret.Remark);
|
||||
$("#Sort").val(ret.Sort);
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
//@ sourceURL= moduleElementMan.js
|
||||
184
OpenAuth.Mvc/BllScripts/modulemanager.js
Normal file
184
OpenAuth.Mvc/BllScripts/modulemanager.js
Normal file
@@ -0,0 +1,184 @@
|
||||
// ***********************************************************************
|
||||
// Assembly : OpenAuth.Mvc
|
||||
// Author : yubaolee
|
||||
// Created : 04-06-2016
|
||||
//
|
||||
// Last Modified By : yubaolee
|
||||
// Last Modified On : 04-06-2016
|
||||
// ***********************************************************************
|
||||
// <copyright file="modulemanager.js" company="www.cnblogs.com/yubaolee">
|
||||
// 版权所有(C) 2015
|
||||
// </copyright>
|
||||
// <summary>模块管理脚本</summary>
|
||||
// ***********************************************************************
|
||||
|
||||
$(document).ready(function () {
|
||||
});
|
||||
|
||||
//ztree模块
|
||||
var ztree = function () {
|
||||
var zTreeObj = undefined;
|
||||
var setting = {
|
||||
view: { selectedMulti: false },
|
||||
data: {
|
||||
key: {
|
||||
name: 'Name',
|
||||
title: 'Name'
|
||||
},
|
||||
simpleData: {
|
||||
enable: true,
|
||||
idKey: 'Id',
|
||||
pIdKey: 'ParentId',
|
||||
rootPId: 'null'
|
||||
}
|
||||
},
|
||||
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'
|
||||
});
|
||||
|
||||
return {
|
||||
reload: function (id) {
|
||||
if (id != undefined) selectedId = id;
|
||||
maingrid.datagrid('reload', { dataUrl: '/ModuleManager/Load?orgId=' + selectedId });
|
||||
},
|
||||
getSelectedObj: function () { //选择单行
|
||||
var selectedDatas = maingrid.data('selectedDatas');
|
||||
if (selectedDatas == undefined || selectedDatas.length == 0) {
|
||||
$(this).alertmsg('warn', '至少选择一个对象', {
|
||||
displayMode: 'slide',
|
||||
title: '重要提示'
|
||||
});
|
||||
return null;
|
||||
}
|
||||
return selectedDatas[0];
|
||||
},
|
||||
getSelectedMany: function () { //选择多行
|
||||
return maingrid.data('selectedDatas');
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
function zTreeOnClick(event, treeId, treeNode) {
|
||||
grid.reload(treeNode.Id);
|
||||
}
|
||||
|
||||
//删除
|
||||
function delModule() {
|
||||
var selected = grid.getSelectedObj();
|
||||
if (selected == null) return;
|
||||
|
||||
$.getJSON('/ModuleManager/Delete?Id=' + selected.Id, function (data) {
|
||||
if (data.statusCode == "200")
|
||||
grid.reload();
|
||||
else {
|
||||
$(this).alertmsg('warn', data.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//自定义的编辑按钮
|
||||
function editModule() {
|
||||
var selected = grid.getSelectedObj();
|
||||
if (selected == null) return;
|
||||
|
||||
$(this).dialog({
|
||||
id: 'editDialog',
|
||||
url: '/ModuleManager/Add?id=' + selected.Id,
|
||||
title: '编辑',
|
||||
onClose: function () {
|
||||
grid.reload();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//为模块分配按钮
|
||||
function assignButton() {
|
||||
var selected = grid.getSelectedObj();
|
||||
if (selected == null) return;
|
||||
|
||||
//BJUI.dialog({ id: 'assignDialog', title: '菜单编辑', target: '#moduleElementManager' });
|
||||
|
||||
BJUI.dialog({
|
||||
id: 'assignDialog',
|
||||
mask: true,
|
||||
url: '/ModuleElementManager/Index?id=' + selected.Id,
|
||||
title: '为模块分配按钮'
|
||||
});
|
||||
}
|
||||
|
||||
function refreshModuleGrid() {
|
||||
grid.reload();
|
||||
}
|
||||
Reference in New Issue
Block a user