BootstrapAdmin/Bootstrap.Admin/Views/Admin/Menus.cshtml

@model NavigatorBarModel
@{
    ViewBag.Title = "菜单管理";
    Layout = "~/Views/Shared/_Default.cshtml";
}
@section css {
    <link href="~/Content/css/fa.css" rel="stylesheet" />
    <link href="~/Content/css/fa.responsive.css" rel="stylesheet" />
    <link href="~/Content/css/jquery.nestable.css" rel="stylesheet" />
}
@section Javascript {
    <script src="~/Content/js/jquery.nestable.js"></script>
    <script src="~/scripts/Menus.js"></script>
}
@section header {
    @Html.Partial("Header", Model)
}
@section navigator {
    @Html.Partial("Navigator", Model)
}
@section query {
    <form class="form-inline" role="form">
        <div class="row">
            <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                <label class="control-label" for="txt_parent_menus_name">父级菜单</label>
                <input type="text" class="form-control" id="txt_parent_menus_name" />
            </div>
            <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                <label class="control-label" for="txt_menus_name">菜单名称</label>
                <input type="text" class="form-control" id="txt_menus_name" />
            </div>
            <div class="form-group col-xs-12 col-sm-6 col-md-3 col-lg-3">
                <label class="control-label" for="sel_menus_category">菜单类别</label>
                <select class="selectpicker" data-width="auto" id="sel_menus_category">
                    <option value="">全部</option>
                    <option value="0">系统菜单</option>
                    <option value="1">外部菜单</option>
                </select>
            </div>
            <div class="form-group col-xs-12 col-sm-6 col-md-2 col-lg-2">
                <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
            </div>
            <div class="toolbar btn-group dropdown">
                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
                <div class="dropdown-menu">
                    <a id="tb_add" href="#" title="新增"><i class="glyphicon glyphicon-plus"></i></a>
                    <a id="tb_delete" href="#" title="删除"><i class="glyphicon glyphicon-remove"></i></a>
                    <a id="tb_edit" href="#" title="编辑"><i class="glyphicon glyphicon-pencil"></i></a>
                    <a id="tb_assignRole" href="#" title="指派角色"><i class="fa fa-sitemap"></i></a>
                </div>
            </div>
        </div>
    </form>
}
@section toolbar {
    <button id="btn_assignRole" type="button" class="btn btn-info">
        <span class="fa fa-sitemap" aria-hidden="true"></span>指派角色
    </button>
}
@section modal {
    <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="row">
                <div class="form-group col-lg-6">
                    <input type="text" class="form-control hidden" id="parentId" name="parentId" />
                    <label class="control-label" for="parentName">父级菜单</label>
                    <div class="input-group">
                        <input type="text" class="form-control" readonly id="parentName" name="parentName" placeholder="请选择...(可为空)" maxlength="50" />
                        <span class="input-group-btn">
                            <button id="btnMenuParent" class="btn btn-default" type="button"><i class="fa fa-hand-o-up"></i>选择</button>
                        </span>
                    </div>
                </div>
                <div class="form-group col-lg-6">
                    <input type="text" class="form-control hidden" id="menuID" name="menuID" />
                    <label class="control-label" for="name">菜单名称</label>
                    <input type="text" class="form-control" id="name" name="name" placeholder="不可为空" maxlength="50" />
                </div>
                <div class="form-group col-lg-6">
                    <label class="control-label" for="icon">菜单图标</label>
                    <div class="input-group">
                        <input type="text" class="form-control" readonly id="icon" name="icon" placeholder="请选择...(可为空)" maxlength="50" />
                        <span class="input-group-btn">
                            <button id="btnIcon" class="btn btn-default" type="button"><i class="fa fa-dashboard"></i>选择</button>
                        </span>
                    </div>
                </div>
                <div class="form-group col-lg-6">
                    <label class="control-label" for="url">路径</label>
                    <input type="text" class="form-control" id="url" name="url" placeholder="不可为空" maxlength="50" />
                </div>
                <div class="form-group col-lg-6">
                    <label class="control-label" for="order">菜单序号</label>
                    <div class="input-group">
                        <input type="text" class="form-control" id="order" name="order" data-default-val="10" placeholder="默认为10" maxlength="8" />
                        <span class="input-group-btn">
                            <button id="btnMenuOrder" class="btn btn-default" type="button"><i class="fa fa-list-ol"></i>调整</button>
                        </span>
                    </div>
                </div>
                <div class="form-group col-lg-6">
                    <label class="control-label" for="category">菜单类别</label>
                    <select class="selectpicker" data-width="auto" id="category" name="category" data-default-val="1">
                        <option value="0">系统菜单</option>
                        <option value="1">外部菜单</option>
                    </select>
                </div>
            </div>
        </form>
    </div>
}
@section customModal {
    @Html.Partial("RoleConfig")
    @Html.Partial("IconView")
    @Html.Partial("MenuTree", Model.Navigations.Union(Model.Menus))
}