@{
    ViewBag.Title = "GetSelectDpt";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    body {
        background-color: white;
    }
</style>
@Html.Hidden("dptlist","")
<link href="/Content/themes/css/admin/metroStyle.css" rel="stylesheet" type="text/css" />
<!-- box star -->
<div class="row animated fadeInUp">
    <div class="col-lg-9 col-sm-3 pr0" style="padding-left:0px;">
        <div class="ibox float-e-margins">
            <div class="ibox-content" style="padding:0;height:445px; overflow-y:scroll;">
                <div class="zTreeDemoBackground left">
                    <ul id="treeDemo" class="ztree"></ul>
                </div>
            </div>
            <div class="hr-line-dashed" style="margin:10px 0;">
                <div class="form-group" style="margin-bottom:2px;">
                    <div class="col-sm-2 col-sm-offset-2">
                        <button class="btn btn-primary btn-save"><i class="fa fa-check"></i> <span>确定保存</span></button>
                        <button class="btn btn-warning btn-close" type="button"><i class="im-undo2"></i> 取消返回</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- box end -->
@section scripts{
    <script type="text/javascript" src="/Content/js/admin/jquery.ztree.core-3.5.js"></script>
    <script type="text/javascript" src="/Content/js/admin/jquery.ztree.excheck-3.5.js"></script>
    <script type="text/javascript">
        var setting = {
            check: {
                enable: true,
                chkDisabledInherit: true,
                chkboxType: {"Y":"","N":"ps"}
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback: {
                beforeClick:beforeClick,
                onCheck: onCheck
            }
        };
        function beforeClick(treeId, treeNode) {
            var zTree = $.fn.zTree.getZTreeObj("treeDemo");
            zTree.checkNode(treeNode, !treeNode.checked, null, true);
        };

        function onCheck(e, treeId, treeNode) {
            var treeObj = $.fn.zTree.getZTreeObj("treeDemo"),
                nodes = treeObj.getCheckedNodes(true),
                v = "";
            for (var i = 0; i < nodes.length; i++) {
                v += nodes[i].name + ",";
                //alert(nodes[i].id); //获取选中节点的值
            }
        }
        var dialog = top.dialog.get(window);
        $('#dptlist').val(dialog.data);
        $(function () {
            $.post("/Sys/Department/GetSelectTree", { dptlist: $('#dptlist').val() }, function (res) {
                if (res.Status === "y") {
                    $.fn.zTree.init($("#treeDemo"), setting, eval(res.Data));
                }
            }, "json");

            //提交保存
            $('.btn-save').click(function () {
                var treeObj = $.fn.zTree.getZTreeObj("treeDemo"),
                    nodes = treeObj.getCheckedNodes(true),
                    v = "", n = "";
                for (var i = 0; i < nodes.length; i++) {
                    v += nodes[i].id + ",";
                    n += nodes[i].name + ",";
                }
                dialog.close(v + "|" + n);
                dialog.remove();
            });
            //关闭
            $('.btn-close').click(function () {
                dialog.close('no').remove();
            });
        });

    </script>
}