mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2026-02-18 22:26:23 +08:00
全面调整JS文件结构，为模块化前端做准备
This commit is contained in:
yubaolee
@@ -1,77 +1,117 @@
|
||||
@{
|
||||
Layout = null;
|
||||
}
|
||||
@model IEnumerable<OpenAuth.Domain.ModuleElement>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
//删除回调
|
||||
$('#tableButtons').on('afterdelete.bjui.tabledit', function(e) {
|
||||
var $tbody = $(e.relatedTarget);
|
||||
console.log('你删除了一条数据，还有['+ $tbody.find('> tr').length +']条数据！');
|
||||
})
|
||||
</script>
|
||||
<div class="bjui-pageHeader">
|
||||
<div class="bjui-searchBar">
|
||||
<div class="alert alert-info search-inline"><i class="fa fa-info-circle"></i> 双击行可编辑</div>
|
||||
<button type="button" class="btn-green" data-toggle="tableditadd" data-target="#tableButtons"
|
||||
data-num="1" data-icon="plus">
|
||||
添加新按钮
|
||||
</button>
|
||||
</div>
|
||||
<div id="moduleElementManager" class="bjui-dialog">
|
||||
<div class="bjui-pageHeader">
|
||||
<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">
|
||||
<input id="selectedModuleId" value="@ViewBag.ModuleId" style="display: none" />
|
||||
<table id="maingrid" 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-pageContent tableContent" style="position:relative">
|
||||
<form id="j_custom_form" class="pageForm" data-toggle="validate" method="post">
|
||||
<table id="tableButtons" class="table table-bordered table-hover table-striped table-top"
|
||||
data-toggle="tabledit" data-initnum="0" data-action="/ModuleElementManager/AddOrEditButton"
|
||||
data-single-noindex="true">
|
||||
<thead>
|
||||
<tr data-idname="Id">
|
||||
<th width="8%" title="元素类型"><input type="text" name="Type" data-rule="required" value="button" size="5"></th>
|
||||
<th width="10%" title="按钮标识"><input type="text" name="DomId" data-rule="required" value="" size="5"></th>
|
||||
<th width="10%" title="按钮显示"><input type="text" name="Name" data-rule="required" value="" size="5"></th>
|
||||
<th width="10%" title="按钮样式"><input type="text" name="Class" data-rule="required" value="btn-green" size="5"></th>
|
||||
<th width="8%" title="按钮图标"><input type="text" name="Icon" data-rule="required" value="pencil" size="5"></th>
|
||||
<th width="10%" title="按钮脚本">
|
||||
<input type="text" name="Script" data-rule="required" value="javascript:;" size="5">
|
||||
</th>
|
||||
<th width="24%" title="附加属性"><textarea name="Attr" data-toggle="autoheight"></textarea></th>
|
||||
<th width="10%" title="所属模块ID">
|
||||
<input readonly="readonly" type="text" value="@ViewBag.ModuleId" name="ModuleId"/>
|
||||
</th>
|
||||
<th title="操作" width="10%">
|
||||
<a href="javascript:;" class="btn btn-green" data-toggle="dosave">增加</a>
|
||||
<a href="javascript:;" class="btn btn-red row-del">取消</a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var element in Model)
|
||||
{
|
||||
<tr data-id="@element.Id">
|
||||
<td>@element.Type</td>
|
||||
<td>@element.DomId</td>
|
||||
<td>@element.Name</td>
|
||||
<td>@element.Class</td>
|
||||
<td>@element.Icon</td>
|
||||
<td>@element.Script</td>
|
||||
<td>@element.Attr</td>
|
||||
<td>@ViewBag.ModuleId</td>
|
||||
<td data-noedit="true">
|
||||
<input type="text" style="display: none" value="@element.Id" id="element_@element.Id"/>
|
||||
<button type="button" class="btn-green" data-toggle="doedit">编辑</button>
|
||||
<a href="/ModuleElementManager/DelButton?id={#element_@element.Id}" class="btn btn-red row-del"
|
||||
data-confirm-msg="确定要删除该行信息吗？">删</a>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<!--编辑对话框-->
|
||||
<div class="bjui-dialog hidden bjui-dialog-container" id="editDlg" data-noinit="true">
|
||||
<div class="bjui-pageContent">
|
||||
|
||||
<form class="pageForm" data-toggle="validate" id="editElementForm"
|
||||
action="/ModuleElementManager/AddOrEditButton">
|
||||
<input type="text" id="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="Attr" class="control-label x120">元素附加属性：</label>
|
||||
<input type="text" id="Attr" name="Attr" value="" size="20"/>
|
||||
</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="" data-rule="required" 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="del">del</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="submit" class="btn-primary">保存</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bjui-pageFooter">
|
||||
<ul>
|
||||
<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script src="~/BllScripts/moduleElementMan.js"></script>
|
||||
Reference in New Issue
Block a user