zTree 用法小例

插件地址:链接:http://pan.baidu.com/s/1jHVtyZ0 密码:7kee

<select id="getTree" resultType="java.util.HashMap">
           (
            SELECT
             ‘isdept‘ flagss,
              ud.`dept_id`  AS id,    #部门id
              sd.`deptName` AS name, #部门名称
              sd.`parentId` AS pId   #父级Id
            FROM
              user_dept ud,
              sys_dept sd,
              user_info ui
            WHERE 1 = 1
              AND sd.`id` = ud.`dept_id`
              AND sd.delFlag = 0
              AND ui.`id` = ud.`user_id`
              AND ui.`del_flag` = 0
              AND ui.`user_state` = 1
            )
             UNION
            (
            SELECT
             ‘isuser‘ flagss,
              ud.`user_id`     AS    id,
              ui.`user_name`   AS    name,
              ud.`dept_id`     AS    pId
            FROM
              user_dept ud,
              sys_dept sd,
              user_info ui
            WHERE 1 = 1
              AND sd.`id` = ud.`dept_id`
              AND sd.delFlag = 0
              AND ui.`id` = ud.`user_id`
              AND ui.`del_flag` = 0
              AND ui.`user_state` = 1

            )
    </select>

  

<link rel="stylesheet" href="/plugins/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="/plugins/zTree/js/jquery.ztree.core-3.5.js"></script><script type="text/javascript" src="/plugins/zTree/js/jquery.ztree.excheck-3.5.js"></script><script type="text/javascript" src="/plugins/myTree.js"></script>
<input type="button" onclick="getTree()" value="选择">
<!--tree-部门员工--><div class="modal fade" id="detailModel">    <div class="modal-dialog  modal-full " style="z-index:9999;">        <div class="modal-content" style="width: 600px;height: 400px;margin-left: -50px;">            <form class="form-horizontal" role="form" method="post">                <div class="modal-header">                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">                        <span aria-hidden="true">&times;</span>                    </button>                    <h4 class="modal-title" id="orderTitleInfo">选择部门员工</h4>                </div>                <!--tree -s-->                <div class="zTreeDemoBackground left">                    <ul id="treeDemo" class="ztree"></ul>                </div>                <input type="hidden" id="py" class="checkbox first" checked/>                <input type="hidden" id="sy" class="checkbox first" checked/>                <input type="hidden" id="pn" class="checkbox first" checked/>                <input type="hidden" id="sn" class="checkbox first" checked/>                <!--tree -e-->                <div class="modal-footer">                    <button type="button" class="btn btn-default" id="" onclick="queding()">确定                    </button>                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>                </div>        </div>        </form>    </div></div>
function queding() {
    var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
    var nodes = treeObj.getCheckedNodes(true);
    var dept_user = "";
    var dept_user_code = "";
    var flagss = "";
    for (var i = 0; i < nodes.length; i++) {
        dept_user += nodes[i].name + ",";
        dept_user_code += nodes[i].id + ",";
        flagss += nodes[i].flagss + ",";

    }
    // console.log(flagss);
    // console.log(dept_user);
    // console.log(dept_user_code);
    $(‘#dept_user_flag‘).val(flagss);
    $(‘#dept_user‘).val(dept_user);
    $(‘#dept_user_code‘).val(dept_user_code);
    $("#detailModel").modal(‘hide‘);
}

function getTree() {
    $("#detailModel").modal(‘show‘);
    $.ajax({
        type: "POST",
        url: "/userDept/getTree",
        dataType: ‘json‘,
        success: function (data) {
            console.log(data);
            debugger
            var zNodes = data;
            tree(zNodes);
        }, error: function () {
            alert("错了");
        }
    });
}

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

function setCheck() {
    var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
        py = $("#py").attr("checked") ? "p" : "",
        sy = $("#sy").attr("checked") ? "s" : "",
        pn = $("#pn").attr("checked") ? "p" : "",
        sn = $("#sn").attr("checked") ? "s" : "",
        type = {"Y": py + sy, "N": pn + sn};
    zTree.setting.check.chkboxType = type;
    showCode(‘setting.check.chkboxType = { "Y" : "‘ + type.Y + ‘", "N" : "‘ + type.N + ‘" };‘);
}

function showCode(str) {
    if (!code) code = $("#code");
    code.empty();
    code.append("<li>" + str + "</li>");
}

function tree(zNodes) {
    $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    setCheck();
    $("#py").bind("change", setCheck);
    $("#sy").bind("change", setCheck);
    $("#pn").bind("change", setCheck);
    $("#sn").bind("change", setCheck);
};

  

				
时间: 2024-10-09 20:57:48

zTree 用法小例的相关文章

wmic命令用法小例

wmic就是wmic.exe,位于windows目录底下,是一个命令行程序.WMIC可以以两种模式执行:交互模式(Interactive mode)和非交互模式(Non-Interactive mode),经常使用Netsh命令行的读者应该非常熟悉这两种模式. 交互模式.如果你在命令提示符下或通过"运行"菜单只输入WMIC,都将进入WMIC的交互模式,每当一个命令执行完毕后,系统还会返回到WMIC提示符下,如"Root\cli",交互模式通常在需要执行多个WMIC指

treetable 用法小例

插件地址:http://pan.baidu.com/s/1kVf0Kcf <script src="/plugins/jQuery/jQuery-2.1.4.min.js"></script> <#include "/common/head.html"/> <#include "/common/js.html"> <link rel="stylesheet" type=&q

关于html frame的用法小例 取自 w3school

这个原本是w3school上面的一个错误 <html> <frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> <

CSS语法与用法小字典

前言:这是上学时期对CSS学习的整理,一直没见过光,由于不是专门做前端开发的,难免写不到重点,但对于看懂CSS,和掌握一些基本的用法,熟悉里面的门路还是大有裨益的.由于是从word中贴过来的,排版和格式都稍差些.方便日后自己查阅,方便自己同时也方便他人,多好的一件事啊,呵呵! CSS目录 一.       CSS简介... 4 1.    CSS的分类... 4 1.1      内嵌样式... 4 1.2      内部样式表... 4 1.3      外部样式表... 4 2.    样式

新版API WordCount 小例 及如何导入jar包

WordCount: 简单解析wordcount小例子的代码,对应于新版的API进行处理. import java.io.IOException; import java.util.StringTokenizer; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.examples.WordCount.TokenizerMapper; import org.apache.hadoop.fs.Path; im

使用libcurl下载文件小例

libcurl是一个很强大的开源网络处理库,支持包括HTTP.HTTPS.FTP--一系列网络协议.用它来进行HTTP的get\post 或者下载文件更是小菜一碟,chrome内核都用到了它,本文主要讲解一个使用curl下载文件的小例. 首先是去下载curl的最新源代码,然后编译成动态库或者静态库:然后把头文件和库文件拿出来加入到我们自己的工程中,引用声明: #include "curl.h" #ifdef _DEBUG #pragma comment(lib, "../De

javascript typeof用法小测

<html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <script type="text/javascript">                                     function show(){                 //typeof后跟参数,返回的是表示该参数类型的字符串

小娱乐一下,fileInfo中的Name ,FullName的用法小BUG

var filePath = new FileInfo(@"c:\text(sdf\123).txt"); Console.WriteLine(filePath.Name); Console.WriteLine(filePath.FullName); 代码如上.大家感觉输出是啥呢. 123).txt c:\text(sdf\123).txt 是这样的. Name中对名字里\是有BUG的.通常情况是没问题,在特殊条件下有问题. 有时间测试一下,directory属性是否有问题. 小娱乐一

分享一个Duilib配置的下载器小例

使用DuiLib开发Windows界面实在是太简单了,对于MFC程序员真的是脱离苦海,控件自绘什么的GDI\GDI+真要把人搞死.DuiLib是国内一个非常有名的开源界面库,目前很多软件都是用了它(百度卫士.杀毒.PPS--),感谢开源的前辈们. 扩展列表控件的滚动消息,加上一个定时器,让他可以自动滚动一段再停下来. void CDownloadListUI::DoEvent( TEventUI& event ) { if( !IsMouseEnabled() && event.T