@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_form.cshtml";
}
<div style="overflow-y:auto; overflow-x:hidden;height:350px;">
    <div id="leftrole" class="demo-tree demo-tree-box"></div>
</div>
<div class="layui-form-item">
    <div class="layui-input-block my_form_iterm">
        <button class="layui-btn layui-btn-ok" lay-submit lay-filter="formDemo">保存</button>
        <button onclick="parent.Closed()" type="button" class="layui-btn layui-btn-primary">取消</button>
    </div>
</div>
<script>
    var eids = "@Html.Raw(Request.QueryString["id"])";
    var roleIds = "@Html.Raw(ViewBag.roleids)";
    layui.use(['form', 'tree'], function () {
        var form = layui.form;
        var layer = layui.layer;
        var tree = layui.tree;

        $.ajax({
            type: "POST",
            url: "/Role/GetList",
            dataType: "json",
            success: function (da) {
                if (da.code == 0) {
                    var treedata = [];
                    var myroleIds = "[" + roleIds.replace(/,/g, "][") + "]";

                    $(da.data).each(function (n, wa) {
                        if (myroleIds.indexOf("[" + wa.ROLEID + "]") > -1) {
                            treedata[n] = {
                                title: wa.RNAME
                                , id: wa.ROLEID
                                , checked: true
                            }
                        } else {
                            treedata[n] = {
                                title: wa.RNAME
                                , id: wa.ROLEID
                            }
                        }
                    });
                    //开启节点操作图标
                    tree.render({
                        elem: '#leftrole'
                        , data: treedata
                        , id: "demoId"
                        , showCheckbox: true  //是否显示复选框
                    });


                } else {
                    layer.msg(da.retmsg, { icon: 2 });
                }
            },
            error: function () {
                layer.msg('获取权限菜单失败！', { icon: 2 });
            }
        });


        //监听提交
        form.on('submit(formDemo)', function (data) {
            //console.log(data.field);
            //layer.alert(JSON.stringify(data.field), {
            //    title: '最终的提交信息'
            //})
            if (isOk == "1") {
                    var loadingindex = layer.load(3, { shade: false });
                    var checkedData = tree.getChecked('demoId'); //获取选中节点的数据
                    var myroleids = "";
                    $(checkedData).each(function (i,da) {
                        if (i == 0)
                            myroleids += "" + da.id;
                        else
                            myroleids += "," + da.id;
                    });
                    $.ajax({
                        type: "POST",
                        url: "SetSave",
                        data: { eids: eids, roleIds: myroleids },
                        dataType: "json",
                        success: function (da) {
                            layer.close(loadingindex);
                            if (da.result == true) {
                                parent.layer.msg('操作成功！', { icon: 1 });
                                parent.TableReload();
                                parent.Closed();
                            } else {
                                layer.msg(da.retmsg, { icon: 2 });
                            }
                        },
                        error: function () {
                            layer.close(loadingindex);
                            layer.msg('操作失败！', { icon: 2 });
                        }
                    });
                return false;
            } else {
                layer.msg('系统错误!请关闭编辑页重试！', { icon: 2 });
                return false;
            }
        });
        //各种基于事件的操作，下面会有进一步介绍
    });
</script>