将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>
}
@section modal {
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">部门编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="form-group col-lg-6">
<label class="control-label" for="groupName">部门名称</label>
<input type="text" class="form-control" id="groupName" name="groupName" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<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 hide" id="groupID" name="groupID" />
</div>
</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 class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">部门编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="form-group col-lg-6">
<label class="control-label" for="groupName">部门名称</label>
<input type="text" class="form-control" id="groupName" name="groupName" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<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 hide" id="groupID" name="groupID" />
</div>
</form>
</div>
}

View File

@ -28,31 +28,21 @@
</form>
}
@section modal {
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">角色编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="form-group col-lg-6">
<label class="control-label" for="roleName">角色名称</label>
<input type="text" class="form-control" id="roleName" name="roleName" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<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 hide" id="roleID" name="roleID" />
</div>
</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 class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">角色编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="form-group col-lg-6">
<label class="control-label" for="roleName">角色名称</label>
<input type="text" class="form-control" id="roleName" name="roleName" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<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 hide" id="roleID" name="roleID" />
</div>
</form>
</div>
}

View File

@ -28,39 +28,29 @@
</form>
}
@section modal {
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">用户编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="form-group col-lg-6">
<label class="control-label" for="userName">登陆名称</label>
<input type="text" class="form-control" id="userName" name="userName" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<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 hide" id="userID" name="userID" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="password">登录密码</label>
<input type="password" class="form-control" id="password" name="password" maxlength="15" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="confirm">确认密码</label>
<input type="password" class="form-control" id="confirm" name="confirm" maxlength="15" />
</div>
</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 class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">用户编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" name="dataForm" role="form">
<div class="form-group col-lg-6">
<label class="control-label" for="userName">登陆名称</label>
<input type="text" class="form-control" id="userName" name="userName" maxlength="50" />
</div>
<div class="form-group col-lg-6">
<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 hide" id="userID" name="userID" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="password">登录密码</label>
<input type="password" class="form-control" id="password" name="password" maxlength="15" />
</div>
<div class="form-group col-lg-6">
<label class="control-label" for="confirm">确认密码</label>
<input type="password" class="form-control" id="confirm" name="confirm" maxlength="15" />
</div>
</form>
</div>
}

View File

@ -21,7 +21,17 @@
@section modal {
<div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
<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>
}