将Modal对话框脚本Header与Footer移动到母版页中

This commit is contained in:
Argo-Lenovo 2016-10-24 22:16:30 +08:00
parent 9c295cc59a
commit 23ffb08004
4 changed files with 67 additions and 87 deletions

View File

@ -28,31 +28,21 @@
</form> </form>
} }
@section modal { @section modal {
<div class="modal-content"> <div class="modal-header">
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">部门编辑窗口</h4>
<h4 class="modal-title" id="myModalLabel">部门编辑窗口</h4> </div>
</div> <div class="modal-body">
<div class="modal-body"> <form class="form-inline" id="dataForm" name="dataForm" role="form">
<form class="form-inline" id="dataForm" name="dataForm" role="form"> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="groupName">部门名称</label>
<label class="control-label" for="groupName">部门名称</label> <input type="text" class="form-control" id="groupName" name="groupName" maxlength="50" />
<input type="text" class="form-control" id="groupName" name="groupName" maxlength="50" /> </div>
</div> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="groupDesc">部门描述</label>
<label class="control-label" for="groupDesc">部门描述</label> <input type="text" class="form-control" id="groupDesc" name="groupDesc" maxlength="50" />
<input type="text" class="form-control" id="groupDesc" name="groupDesc" maxlength="50" /> <input type="text" class="form-control hide" id="groupID" name="groupID" />
<input type="text" class="form-control hide" id="groupID" name="groupID" /> </div>
</div> </form>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="btnSubmit">
提交更改
</button>
</div>
</div> </div>
} }

View File

@ -28,31 +28,21 @@
</form> </form>
} }
@section modal { @section modal {
<div class="modal-content"> <div class="modal-header">
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">角色编辑窗口</h4>
<h4 class="modal-title" id="myModalLabel">角色编辑窗口</h4> </div>
</div> <div class="modal-body">
<div class="modal-body"> <form class="form-inline" id="dataForm" name="dataForm" role="form">
<form class="form-inline" id="dataForm" name="dataForm" role="form"> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="roleName">角色名称</label>
<label class="control-label" for="roleName">角色名称</label> <input type="text" class="form-control" id="roleName" name="roleName" maxlength="50" />
<input type="text" class="form-control" id="roleName" name="roleName" maxlength="50" /> </div>
</div> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="roleDesc">角色描述</label>
<label class="control-label" for="roleDesc">角色描述</label> <input type="text" class="form-control" id="roleDesc" name="roleDesc" maxlength="50" />
<input type="text" class="form-control" id="roleDesc" name="roleDesc" maxlength="50" /> <input type="text" class="form-control hide" id="roleID" name="roleID" />
<input type="text" class="form-control hide" id="roleID" name="roleID" /> </div>
</div> </form>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="btnSubmit">
提交更改
</button>
</div>
</div> </div>
} }

View File

@ -28,39 +28,29 @@
</form> </form>
} }
@section modal { @section modal {
<div class="modal-content"> <div class="modal-header">
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">用户编辑窗口</h4>
<h4 class="modal-title" id="myModalLabel">用户编辑窗口</h4> </div>
</div> <div class="modal-body">
<div class="modal-body"> <form class="form-inline" id="dataForm" name="dataForm" role="form">
<form class="form-inline" id="dataForm" name="dataForm" role="form"> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="userName">登陆名称</label>
<label class="control-label" for="userName">登陆名称</label> <input type="text" class="form-control" id="userName" name="userName" maxlength="50" />
<input type="text" class="form-control" id="userName" name="userName" maxlength="50" /> </div>
</div> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="userName">显示名称</label>
<label class="control-label" for="userName">显示名称</label> <input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" />
<input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" /> <input type="text" class="form-control hide" id="userID" name="userID" />
<input type="text" class="form-control hide" id="userID" name="userID" /> </div>
</div> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="password">登录密码</label>
<label class="control-label" for="password">登录密码</label> <input type="password" class="form-control" id="password" name="password" maxlength="15" />
<input type="password" class="form-control" id="password" name="password" maxlength="15" /> </div>
</div> <div class="form-group col-lg-6">
<div class="form-group col-lg-6"> <label class="control-label" for="confirm">确认密码</label>
<label class="control-label" for="confirm">确认密码</label> <input type="password" class="form-control" id="confirm" name="confirm" maxlength="15" />
<input type="password" class="form-control" id="confirm" name="confirm" maxlength="15" /> </div>
</div> </form>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="btnSubmit">
提交更改
</button>
</div>
</div> </div>
} }

View File

@ -21,7 +21,17 @@
@section modal { @section modal {
<div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
@RenderSection("modal", false) <div class="modal-content">
@RenderSection("modal", false)
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
关闭
</button>
<button type="button" class="btn btn-primary" id="btnSubmit">
提交更改
</button>
</div>
</div>
</div> </div>
</div> </div>
} }