lsm/OpenAuth.Net
1
0
Fork 0
mirror of https://gitee.com/dotnetchina/OpenAuth.Net.git synced 2025-07-16 07:59:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

完成菜单管理

Browse Source
This commit is contained in:
yubaolee 2016-10-18 11:11:51 +08:00
parent 26c11376f1
commit 5c069f2361
11 changed files with 686 additions and 274 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
OpenAuth.App/ModuleElementManagerApp.cs
View File

@ -62,7 +62,7 @@ namespace OpenAuth.App
return _moduleEleManService.LoadWithAccess(username, accessType, firstId, moduleId);
}
public void Delete(ModuleElement[] objs)
public void Delete(Guid[] objs)
{
_moduleEleManService.Delete(objs);
}

5
OpenAuth.Domain/Service/ModuleEleManService.cs
View File

@ -98,10 +98,9 @@ namespace OpenAuth.Domain.Service
return listVms;
}
public void Delete(ModuleElement[] objs)
public void Delete(Guid[] objs)
{
var delIds = objs.Select(u => u.Id).ToList();
_unitWork.Delete<ModuleElement>(u =>delIds.Contains(u.Id));
_unitWork.Delete<ModuleElement>(u =>objs.Contains(u.Id));
}
}
}

290
OpenAuth.Mvc/BllScripts/moduleElementMan.js
View File

@ -12,190 +12,182 @@
// <summary></summary>
// ***********************************************************************
var moduleId = $.CurrentDialog.find("#selectedModuleId").val(); //外部传递的moduleId
var moduleId = $("#selectedModuleId").val(); //外部传递的moduleId
$(document).ready(function () {
$.CurrentDialog.find('#btnAddElement').on('click', function () { //添加菜单
editEleDlg.add();
$(function () {
$('#btnAddElement').on('click', function () { //添加菜单
add();
});
$.CurrentDialog.find('#btnEditElement').on('click', function () { //编辑菜单
var selected = thisDlg.getSelectedObj();
if (selected == null) {
return;
}
editEleDlg.update(selected);
$('#btnEditElement').on('click', function () { //编辑菜单
edit();
});
$.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") {
$(this).alertmsg('warn', json.message);
return;
}
thisDlg.reload();
});
$('#btnDelElement').on('click', function () { //删除菜单
del();
});
});
//本对话框
var thisDlg = function () {
var maingrid = $('#moduleEleList').datagrid({
showToolbar: false,
filterThead: false,
target: $(this),
columns: [
//grid列表模块
function MainGrid() {
var url = '/ModuleElementManager/Get?moduleId=';
this.maingrid = $('#maingrid')
.jqGrid({
colModel: [
{
name: 'Id',
label: '流水号',
hide: true
index: 'Id',
hidden: true
},
{
name: 'ModuleId',
label: '功能模块Id',
hide: true
index: 'Name',
name: 'Name',
label: '名称'
},
{
name: 'DomId',
label: 'DOM ID',
width: 100
},
{
name: 'Name',
label: '名称',
width: 100
},
{
name: 'Type',
label: '类型',
width: 100
},
{
index: 'DomId',
name: 'DomId',
label: 'DOM ID'
},
{
index: 'Icon',
name: 'Icon',
label:'图标'
},
{
index: 'Remark',
name: 'Remark',
label: '描述'
},
{
index: 'Class',
name: 'Class',
label: '样式'
},
{
index: 'Script',
name: 'Script',
label: '脚本'
},
{
index: 'Sort',
name: 'Sort',
label: '排序'
},
{
name: 'Attr',
label: '元素附加属性',
width: 100
},
{
name: 'Script',
label: '元素调用脚本',
width: 100
},
{
name: 'Icon',
label: '元素图标',
width: 100
},
{
name: 'Class',
label: '元素样式',
width: 100
},
{
name: 'Remark',
label: '备注',
width: 100
},
{
name: 'Sort',
label: '排序字段',
width: 100
index: 'ModuleId',
name: 'ModuleId',
hidden:true
}
],
dataUrl: '/ModuleElementManager/Get?moduleId=' + moduleId,
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: false,
filterMult: false,
showTfoot: false,
],
url: url + moduleId,
datatype: "json",
});
viewrecords: true,
rowNum: 18,
pager: "#grid-pager",
altRows: true,
height: 'auto',
multiselect: true,
multiboxonly: true,
var getSelectDatas = function () {
var selectedDatas = maingrid.data('selectedDatas');
if (selectedDatas == undefined || selectedDatas.length == 0) {
$(this).alertmsg('warn', '至少选择一个对象');
return null;
}
return selectedDatas;
}
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 () {
this.maingrid.jqGrid("setGridParam", { url: url + moduleId })
.trigger("reloadGrid", [{ page: 1 }]); //重载JQGrid
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();
},
};
}();
};
MainGrid.prototype = new Grid();
var list = new MainGrid();
var vm = new Vue({
el: '#editDlg'
});
//添加（编辑）对话框
var editEleDlg = function () {
var editDlg = function () {
var update = false;
var show = function () {
BJUI.dialog({ id: 'editEleDlg', title: '菜单编辑', target: '#editEleDlg' });
$("#btnEleChange").on("click", function () {
editEleDlg.save();
layer.open({
type: 1,
skin: 'layui-layer-rim', //加上边框
title: "用户管理", //不显示标题
area: ['400px', '300px'], //宽高
content: $('#editDlg'), //捕获的元素
btn: ['保存', '关闭'],
yes: function (index, layero) {
$.post("/ModuleElementManager/AddOrEditButton", vm.$data, function (data) {
layer.msg(data.Message);
if (data.Status) {
list.reload();
}
}, "json");
},
cancel: function (index) {
layer.close(index);
}
});
}
return {
add: function () { //弹出添加
update = false;
show();
$("#editElementForm")[0].reset(); //reset方法只能通过dom调用
$.CurrentDialog.find("#Id").val('00000000-0000-0000-0000-000000000000');
$.CurrentDialog.find("#Sort").val('0');
$.CurrentDialog.find("#ModuleId").val(moduleId);
vm.$set('$data', {
Id: '00000000-0000-0000-0000-000000000000',
Sort: 1,
ModuleId:moduleId
});
},
update: function (ret) { //弹出编辑框
update = true;
show();
$.CurrentDialog.find('#Id').val(ret.Id);
$.CurrentDialog.find('#DomId').val(ret.DomId);
$.CurrentDialog.find('#Name').val(ret.Name);
$.CurrentDialog.find('#Type').selectpicker('val', ret.Type);
$.CurrentDialog.find('#ModuleId').val(ret.ModuleId);
$.CurrentDialog.find('#Script').val(ret.Script);
$.CurrentDialog.find('#Icon').selectpicker('val', ret.Icon);
$.CurrentDialog.find('#Class').selectpicker('val', ret.Class);
$.CurrentDialog.find('#Remark').val(ret.Remark);
$.CurrentDialog.find('#Sort').val(ret.Sort);
},
save: function () { //编辑-->保存
$('#editElementForm').isValid(function (v) {
if (!v) return; //验证没通过
$("#editElementForm").bjuiajax('ajaxForm', {
reload: false,
callback: function (json) {
if (json.statusCode != "200") {
$(this).alertmsg('warn', json.message);
return;
}
thisDlg.reload();
}
});
});
vm.$set('$data', ret);
}
};
}();
//@ sourceURL= moduleElementMan.js
//删除
function del() {
var selected = list.getSelectedProperties("Id");
if (selected == null) return;
$.post('/ModuleElementManager/Del',
{ ids: selected },
function (data) {
if (data.Status) {
list.reload();
}
else {
layer.msg(data.Message);
}
}, "json");
}
//自定义的编辑按钮
function edit() {
var selected = list.getSelectedObj();
if (selected == null) {
return;
}
editDlg.update(selected);
}
function add() {
editDlg.add();
}
function refresh() {
list.reload();
}

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

@ -207,14 +207,10 @@ function assignButton() {
var selected = list.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: '为模块分配按钮',
width: '800',
height: '600'
layer.open({
type: 2,
skin: 'layui-layer-rim', //加上边框
area: ['600px', '500px'], //宽高
content: '/ModuleElementManager/Index?id=' + selected.Id
});
}

2
OpenAuth.Mvc/BllScripts/stockManager.js
View File

@ -150,7 +150,7 @@ var editDlg = function () {
show();
vm.$set('$data', {
Id: '00000000-0000-0000-0000-000000000000',
SortNo: 0
Number: 1
});
},
update: function (ret) { //弹出编辑框

7
OpenAuth.Mvc/Controllers/ModuleElementManagerController.cs
View File

@ -37,7 +37,7 @@ namespace OpenAuth.Mvc.Controllers
}
public ActionResult Get(Guid moduleId)
{
return Json(_app.LoadByModuleId(moduleId));
return Json(_app.LoadByModuleId(moduleId), JsonRequestBehavior.AllowGet);
}
[HttpPost]
public string AddOrEditButton(ModuleElement button)
@ -54,12 +54,11 @@ namespace OpenAuth.Mvc.Controllers
}
return JsonHelper.Instance.Serialize( Result);
}
public string Del(string moduleElements)
public string Del(Guid[] ids)
{
try
{
var delObjs = JsonHelper.Instance.Deserialize<ModuleElement[]>(moduleElements);
_app.Delete(delObjs);
_app.Delete(ids);
}
catch (Exception e)
{

1
OpenAuth.Mvc/OpenAuth.Mvc.csproj
View File

@ -1284,6 +1284,7 @@
<Content Include="Views\WorkflowSchemas\Index.cshtml" />
<Content Include="Views\Home\Navbar.cshtml" />
<Content Include="Views\Shared\Blank.cshtml" />
<Content Include="Views\Shared\_LayoutNoHeader.cshtml" />
</ItemGroup>
<ItemGroup>
<Folder Include="App_Data\" />

212
OpenAuth.Mvc/Views/ModuleElementManager/Index.cshtml
View File

@ -1,116 +1,114 @@
@{
Layout = null;
Layout = "~/Views/Shared/_LayoutNoHeader.cshtml";
}
<div id="moduleElementManager" >
<div class="bjui-pageHeader" style="z-index: 100">
<button type="button" class="btn-green" data-icon="plus" id="btnAddElement">
添加
</button>
<button type="button" class="btn-primary" data-icon="edit" id="btnEditElement">
编辑
</button>
<button type="button" class="btn-danger" data-icon="del" id="btnDelElement">
删除
</button>
<!-- /section:basics/content.breadcrumbs -->
<div class="page-content">
<div class="row">
<div class="col-md-12">
<div class="widget-box widget-color-blue">
<div class="widget-header">
<div class="btn-group pull-right">
<button type="button" class="btn btn-sm btn-success" id="btnAddElement">
添加
</button>
<button type="button" class="btn btn-sm btn-success" id="btnEditElement">
编辑
</button>
<button type="button" class="btn btn-sm btn-danger" id="btnDelElement">
删除
</button>
</div>
</div>
<div class="widget-body gridwidth">
<div class="widget-main">
<div class="row">
<div class="col-md-12 ">
<input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
<table id="maingrid"></table>
<div id="grid-pager"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bjui-pageContent" style="padding-top: 30px">
<input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
<table id="moduleEleList" class="table table-bordered"></table>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
</ul>
</div>
</div>
</div><!-- /.page-content -->
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editEleDlg" data-noinit="true">
<div class="bjui-pageContent">
<div id="editDlg" style="display: none">
<div class="col-xs-12">
<form class="form-horizontal" id="editForm">
<div class="form-group">
<input type="hidden" id="ModuleId" v-model="ModuleId"/>
<label class="col-sm-3 control-label no-padding-right" for=""> DOM ID </label>
<div class="col-sm-9">
<input type="text" id="DomId" check-type="required" v-model="DomId"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for=""> 名称 </label>
<div class="col-sm-9">
<input type="text" id="Name" check-type="required" v-model="Name" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for=""> 脚本 </label>
<div class="col-sm-9">
<input type="text" id="Script" check-type="required" v-model="Script" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for=""> 排序号 </label>
<div class="col-sm-9">
<input type="text" id="Sort" check-type="required" v-model="Sort"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for=""> 描述 </label>
<div class="col-sm-9">
<input type="text" id="Remark" check-type="required" v-model="Remark" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for=""> 元素样式 </label>
<div class="col-sm-9">
<select id="Class" name="Class" v-model="Class">
<option value="btn-success" selected>绿色</option>
<option value="btn-red">红色</option>
<option value="btn-primary">默认</option>
<option value="btn-danger">警告</option>
<option value="btn-pink">粉红</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label no-padding-right" for=""> 图标 </label>
<div class="col-sm-9">
<select id="Icon" name="Icon" v-model="Icon">
<option value="pencil" selected>pencil</option>
<option value="plus">plus</option>
<option value="trash">trash</option>
<option value="bank">bank</option>
<option value="bar">bar</option>
<option value="refresh">refresh</option>
<option value="user">user</option>
<option value="key">key</option>
</select>
</div>
</div>
<form class="pageForm" data-toggle="validate" id="editElementForm"
action="/ModuleElementManager/AddOrEditButton">
<input type="text" id="Id" name="Id" value="" class="hidden" />
<input id="ModuleId" name="ModuleId" class="hidden" />
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
<label for="DomId" class="control-label x120">DOM ID：</label>
<input type="text" id="DomId" name="DomId" data-rule="required" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Name" class="control-label x120">名称：</label>
<input type="text" id="Name" name="Name" value="" data-rule="required" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Type" class="control-label x120">类型：</label>
<select id="Type" name="Type" data-toggle="selectpicker">
<option value="button" selected>按钮</option>
<option value="link">超链接</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Script" class="control-label x120">元素调用脚本：</label>
<input type="text" id="Script" name="Script" value="" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Class" class="control-label x120">元素样式：</label>
<select id="Class" name="Class" data-toggle="selectpicker">
<option value="btn-green" selected>绿色</option>
<option value="btn-red">红色</option>
<option value="btn-primary">默认</option>
<option value="btn-danger">警告</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Remark" class="control-label x120">备注：</label>
<input type="text" id="Remark" name="Remark" value="" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Sort" class="control-label x120">排序号：</label>
<input type="text" id="Sort" name="Sort" value="" data-rule="required" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Icon" class="control-label x120">图标：</label>
<select id="Icon" name="Icon" data-toggle="selectpicker">
<option value="pencil" selected>pencil</option>
<option value="plus">plus</option>
<option value="trash">trash</option>
<option value="bank">bank</option>
<option value="bar">bar</option>
<option value="refresh">refresh</option>
<option value="user">user</option>
<option value="key">key</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close">关闭</button></li>
<li><button type="button" class="btn-primary" id="btnEleChange">保存</button></li>
</ul>
</div>
</div>
<script src="~/BllScripts/moduleElementMan.js"></script>
</div>
<script src="~/BllScripts/grid.js"></script>
<script src="~/BllScripts/moduleElementMan.js"></script>
<script src="~/BllScripts/jqEvent.js"></script>

110
OpenAuth.Mvc/Views/Shared/_LayoutNoHeader.cshtml Normal file
View File

@ -0,0 +1,110 @@
@using OpenAuth.App.SSO
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>OpenAuth.Net | 基于领域驱动的权限管理系统</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="/Content/ace/css/bootstrap.css" />
<link href="/Content/ace/css/font-awesome.min.css" rel="stylesheet" />
<!-- page specific plugin styles -->
<!-- text fonts -->
<link rel="stylesheet" href="/Content/ace/css/ace-fonts.css"/>
<link href="/Content/plugins/jqGrid/ui.jqgrid.css" rel="stylesheet" />
<!-- ace styles -->
<link rel="stylesheet" href="/Content/ace/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="/Content/ace/css/ace-part2.css" class="ace-main-stylesheet" />
<![endif]-->
<link rel="stylesheet" href="/Content/ace/css/ace-skins.css" />
<link rel="stylesheet" href="/Content/ace/css/ace-rtl.css"/>
<link href="/Content/myace.css" rel="stylesheet"/>
<link href="/Content/plugins/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
<link href="~/Content/plugins/layer/skin/layer.css" rel="stylesheet" />
<link href="~/Content/plugins/layer/skin/layer.ext.css" rel="stylesheet" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="/Content/ace/css/ace-ie.css" />
<![endif]-->
<!-- inline styles related to this page -->
<!-- ace settings handler -->
<script src="/Content/ace/js/ace-extra.js"></script>
<script src="/Content/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script src="~/Content/plugins/jqGrid/jquery.jqGrid.src.js"></script>
<script src="~/Content/plugins/jqGrid/i18n/grid.locale-en.js"></script>
<script src="~/Content/plugins/zTree/js/jquery.ztree.core.js"></script>
<script src="~/Content/plugins/layer/layer.js"></script>
<script src="~/Content/plugins/layer/extend/layer.ext.js"></script>
<script src="~/Content/vue.js"></script>
</head>
<body class="skin-1">
<!-- /section:basics/navbar.layout -->
<div class="main-container ace-save-state" id="main-container">
<script type="text/javascript">
try { ace.settings.loadState('main-container') } catch (e) { }
</script>
<!-- /section:basics/sidebar -->
<div class="main-content">
<div class="main-content-inner">
@RenderBody()
</div>
</div><!-- /.main-content -->
</div><!-- /.main-container -->
<!-- basic scripts -->
<script type="text/javascript">
if ('ontouchstart' in document.documentElement
)
document.write("<script src='../components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>" +
"<" +
"/script>");
</script>
<script src="/Content/plugins/bootstrap/js/bootstrap.js"></script>
<!-- page specific plugin scripts -->
<!-- ace scripts -->
<script src="/Content/ace/js/src/elements.scroller.js"></script>
<script src="/Content/ace/js/src/elements.colorpicker.js"></script>
<script src="/Content/ace/js/src/elements.fileinput.js"></script>
<script src="/Content/ace/js/src/elements.typeahead.js"></script>
<script src="/Content/ace/js/src/elements.wysiwyg.js"></script>
<script src="/Content/ace/js/src/elements.spinner.js"></script>
<script src="/Content/ace/js/src/elements.treeview.js"></script>
<script src="/Content/ace/js/src/elements.wizard.js"></script>
<script src="/Content/ace/js/src/elements.aside.js"></script>
<script src="/Content/ace/js/src/ace.js"></script>
<script src="/Content/ace/js/src/ace.basics.js"></script>
<script src="/Content/ace/js/src/ace.scrolltop.js"></script>
<script src="/Content/ace/js/src/ace.ajax-content.js"></script>
<script src="/Content/ace/js/src/ace.touch-drag.js"></script>
<script src="/Content/ace/js/src/ace.sidebar.js"></script>
<script src="/Content/ace/js/src/ace.sidebar-scroll-1.js"></script>
<script src="/Content/ace/js/src/ace.submenu-hover.js"></script>
<script src="/Content/ace/js/src/ace.widget-box.js"></script>
<script src="/Content/ace/js/src/ace.settings.js"></script>
<script src="/Content/ace/js/src/ace.settings-rtl.js"></script>
<script src="/Content/ace/js/src/ace.settings-skin.js"></script>
<script src="/Content/ace/js/src/ace.widget-on-reload.js"></script>
<script src="/Content/ace/js/src/ace.searchbox-autocomplete.js"></script>
</body>
</html>

201
OpenAuth.Mvc/obj/Release/Package/PackageTmp/BllScripts/moduleElementMan.js Normal file
View File

@ -0,0 +1,201 @@
// ***********************************************************************
// 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 () { //添加菜单
editEleDlg.add();
});
$.CurrentDialog.find('#btnEditElement').on('click', function () { //编辑菜单
var selected = thisDlg.getSelectedObj();
if (selected == null) {
return;
}
editEleDlg.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") {
$(this).alertmsg('warn', json.message);
return;
}
thisDlg.reload();
});
});
});
//本对话框
var thisDlg = function () {
var maingrid = $('#moduleEleList').datagrid({
showToolbar: false,
filterThead: false,
target: $(this),
columns: [
{
name: 'Id',
label: '流水号',
hide: true
},
{
name: 'ModuleId',
label: '功能模块Id',
hide: true
},
{
name: 'DomId',
label: 'DOM ID',
width: 100
},
{
name: 'Name',
label: '名称',
width: 100
},
{
name: 'Type',
label: '类型',
width: 100
},
{
name: 'Attr',
label: '元素附加属性',
width: 100
},
{
name: 'Script',
label: '元素调用脚本',
width: 100
},
{
name: 'Icon',
label: '元素图标',
width: 100
},
{
name: 'Class',
label: '元素样式',
width: 100
},
{
name: 'Remark',
label: '备注',
width: 100
},
{
name: 'Sort',
label: '排序字段',
width: 100
}
],
dataUrl: '/ModuleElementManager/Get?moduleId=' + moduleId,
fullGrid: true,
showLinenumber: true,
showCheckboxcol: true,
paging: false,
filterMult: false,
showTfoot: false,
});
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 editEleDlg = function () {
var update = false;
var show = function () {
BJUI.dialog({ id: 'editEleDlg', title: '菜单编辑', target: '#editEleDlg' });
$("#btnEleChange").on("click", function () {
editEleDlg.save();
});
}
return {
add: function () { //弹出添加
update = false;
show();
$("#editElementForm")[0].reset(); //reset方法只能通过dom调用
$.CurrentDialog.find("#Id").val('00000000-0000-0000-0000-000000000000');
$.CurrentDialog.find("#Sort").val('0');
$.CurrentDialog.find("#ModuleId").val(moduleId);
},
update: function (ret) { //弹出编辑框
update = true;
show();
$.CurrentDialog.find('#Id').val(ret.Id);
$.CurrentDialog.find('#DomId').val(ret.DomId);
$.CurrentDialog.find('#Name').val(ret.Name);
$.CurrentDialog.find('#Type').selectpicker('val', ret.Type);
$.CurrentDialog.find('#ModuleId').val(ret.ModuleId);
$.CurrentDialog.find('#Script').val(ret.Script);
$.CurrentDialog.find('#Icon').selectpicker('val', ret.Icon);
$.CurrentDialog.find('#Class').selectpicker('val', ret.Class);
$.CurrentDialog.find('#Remark').val(ret.Remark);
$.CurrentDialog.find('#Sort').val(ret.Sort);
},
save: function () { //编辑-->保存
$('#editElementForm').isValid(function (v) {
if (!v) return; //验证没通过
$("#editElementForm").bjuiajax('ajaxForm', {
reload: false,
callback: function (json) {
if (json.statusCode != "200") {
$(this).alertmsg('warn', json.message);
return;
}
thisDlg.reload();
}
});
});
}
};
}();
//@ sourceURL= moduleElementMan.js

116
OpenAuth.Mvc/obj/Release/Package/PackageTmp/Views/ModuleElementManager/Index.cshtml Normal file
View File

@ -0,0 +1,116 @@
@{
Layout = null;
}
<div id="moduleElementManager" >
<div class="bjui-pageHeader" style="z-index: 100">
<button type="button" class="btn-green" data-icon="plus" id="btnAddElement">
添加
</button>
<button type="button" class="btn-primary" data-icon="edit" id="btnEditElement">
编辑
</button>
<button type="button" class="btn-danger" data-icon="del" id="btnDelElement">
删除
</button>
</div>
<div class="bjui-pageContent" style="padding-top: 30px">
<input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
<table id="moduleEleList" class="table table-bordered"></table>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
</ul>
</div>
</div>
<!--编辑对话框-->
<div class="bjui-dialog hidden bjui-dialog-container" id="editEleDlg" data-noinit="true">
<div class="bjui-pageContent">
<form class="pageForm" data-toggle="validate" id="editElementForm"
action="/ModuleElementManager/AddOrEditButton">
<input type="text" id="Id" name="Id" value="" class="hidden" />
<input id="ModuleId" name="ModuleId" class="hidden" />
<table class="table table-condensed table-hover">
<tbody>
<tr>
<td>
<label for="DomId" class="control-label x120">DOM ID：</label>
<input type="text" id="DomId" name="DomId" data-rule="required" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Name" class="control-label x120">名称：</label>
<input type="text" id="Name" name="Name" value="" data-rule="required" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Type" class="control-label x120">类型：</label>
<select id="Type" name="Type" data-toggle="selectpicker">
<option value="button" selected>按钮</option>
<option value="link">超链接</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Script" class="control-label x120">元素调用脚本：</label>
<input type="text" id="Script" name="Script" value="" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Class" class="control-label x120">元素样式：</label>
<select id="Class" name="Class" data-toggle="selectpicker">
<option value="btn-green" selected>绿色</option>
<option value="btn-red">红色</option>
<option value="btn-primary">默认</option>
<option value="btn-danger">警告</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="Remark" class="control-label x120">备注：</label>
<input type="text" id="Remark" name="Remark" value="" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Sort" class="control-label x120">排序号：</label>
<input type="text" id="Sort" name="Sort" value="" data-rule="required" size="20"/>
</td>
</tr>
<tr>
<td>
<label for="Icon" class="control-label x120">图标：</label>
<select id="Icon" name="Icon" data-toggle="selectpicker">
<option value="pencil" selected>pencil</option>
<option value="plus">plus</option>
<option value="trash">trash</option>
<option value="bank">bank</option>
<option value="bar">bar</option>
<option value="refresh">refresh</option>
<option value="user">user</option>
<option value="key">key</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close">关闭</button></li>
<li><button type="button" class="btn-primary" id="btnEleChange">保存</button></li>
</ul>
</div>
</div>
<script src="~/BllScripts/moduleElementMan.js"></script>