@{
    ViewBag.Title = "经销商树型";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript">
    function iFrameHeight() {
        var ifm = document.getElementById("DeployBase");
        var subWeb = document.frames ? document.frames["DeployBase"].document : ifm.contentDocument;
        if (ifm != null && subWeb != null) {
            ifm.height = subWeb.body.scrollHeight + 0;
        }
    }
</script>
<link href="/Content/themes/css/admin/metroStyle.css" rel="stylesheet" type="text/css" />
<!-- box star -->
<div class="row pt10  animated fadeInUp">
    <div class="col-lg-3 col-sm-3 pr0">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>经销商列表 <small></small></h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content" style="padding: 15px 10px 20px 10px;">
                <div class="zTreeDemoBackground left">
                    <ul id="treeDemo" class="ztree"></ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-9 col-sm-9 animated fadeInRight" style="width:80%">
        <iframe src="/Sys/Department/Index" width="100%" style="position:static;left:-22in;top:-11in;" id="DeployBase" name="DeployBase" frameborder="0" scrolling="auto" onload="iFrameHeight()" allowtransparency="true"></iframe>
    </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">

        var setting = {
            check: {
                enable: true
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback: {
                onCheck: onCheck
            }
        };

        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); //获取选中节点的值
            }


        }

        $(function () {
            var H = $(window).height();
            $("#DeployBase").css({ 'height': H - 20 });

            $.post("/Sys/Department/GetTree", { type: 1 }, function (res) {
                if (res.Status == "y")
                    $.fn.zTree.init($("#treeDemo"), setting, res.Data);
                else {
                }
            }, "json");
            $('#DeployBase').css('height', '');
        });

    </script>
}