<!DOCTYPE HTML>

<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<meta charset="utf-8">

<head th:include="include :: header"></head>

<body class="white-bg">

    <div class="wrapper wrapper-content animated fadeInRight ibox-content">

        <form class="form-horizontal m" id="form-graphModel-add">

            <div class="form-group">

                <label class="col-sm-3 control-label">模型名称：</label>

                <div class="col-sm-8">

                    <input id="name" name="modelName" class="form-control" type="text">

                </div>

            </div>

            <div class="form-group">

                <label class="col-sm-3 control-label">图谱：</label>

                <div class="col-sm-8">

                    <ul id="ztree" class="ztree"></ul>

                    <input type="hidden" name="sel" id="sel" />

                </div>

            </div>

        </form>

    </div>

    <div th:include="include::footer"></div>

    <script type="text/javascript">

        var prefix = ctx + "voc/graphModel"

        var zTree = null;

        $("#form-graphModel-add").validate({

            rules: {

                modelName: {

                    required: true,

                },

                sel: {

                    required: true,

                },

            }

        });

        function submitHandler() {

            var nodes = zTree.getCheckedNodes(true);

            if (nodes.length == 0)

                $.modal.msgError("请选择图谱");

            var arry = Array();

            for (var i = 0; i < nodes.length; i++) {

                arry.push(nodes[i].id);

            }

            $("#sel").val(arry.join(","));

            if ($.validate.form()) {

                $.operate.save(prefix + "/add", $('#form-graphModel-add').serialize());

            }

        }

        var setting = {

            check: {

                enable: true, //每个节点上是否显示 CheckBox

                chkStyle: "checkbox",//复选框类型

                nocheckInherit: false,

                chkboxType: { "Y": "", "N": "" },

            },

            data: {

                simpleData: {

                    enable: true

                }

            }

            ,

            callback: {

                beforeCheck: function (treeId, treeNode) {

                    if (treeNode.children) {

                        treeNode.nocheck = true;   //设置复选框不显示

                        layer.msg('请选择子节点!', { icon: 6 });

                        return false;

                    }

                },

                onClick: function (e, treeId, treeNode, clickFlag) {

                    if (!treeNode.children) {

                        zTree.checkNode(treeNode, !treeNode.checked, true);

                    }

                }

            }

        };

        $(function () {

            $.getJSON(ctx + "voc/project/getTree", function (d) {

                if (d.code == 0) {

                    zTree = $.fn.zTree.init($("#ztree"), setting, d.data);

                    // zTree.expandAll(zTree);

                }

            })

        })

    </script>

</body>

</html>

玩ztree的一段代码的更多相关文章

  1. JAVAEE——BOS物流项目02：学习计划、动态添加选项卡、ztree、项目底层代码构建

    1 学习计划 1.jQuery easyUI中动态添加选项卡 2.jquery ztree插件使用 n 下载ztree n 基于标准json数据构造ztree n 基于简单json数据构造ztree( ...

  2. 评《撸一段 SQL ? 还是撸一段代码？ 》

    最近看到一篇博客<撸一段 SQL ? 还是撸一段代码?>,文章举例说明了一个连表查询使用程序code来写可读性可维护性更好,但是回帖意见不一致,我想作者在理论层面没有做出更好的论述,而我今 ...

  3. Unity 延迟执行一段代码的较为优雅的方式

    在Unity中,延时执行一段代码或者一个方法或者几个方法的情况非常普遍. 一般会用到Invoke和InvokeRepeating方法.顾名思义,第一个是执行一次,第二个是重复执行. 看下定义: voi ...

  4. μC/OS-Ⅲ中的临界段代码

    临界段代码(critical sections),也叫临界区(critical region),是指那些必须完整连续运行,不可被打断的代码段.μC/OS-Ⅲ系统中存在大量临界段代码.采用两种方式对临界 ...

  5. JavaScript-navigator_userAgent-编写一段代码能够区分浏览器的主流和区分

    1 userAgent:包含浏览器名称和版本号的字符串 <!DOCTYPE html> <html> <head lang="en"> < ...

  6. Python实现装饰模式的一段代码

    # 实现装饰模式的一段代码 import functools def log(func): @functools.wraps(func) def wrapper(*args,**kw): print( ...

  7. 《Focus On 3D Terrain Programming》中一段代码的注释一

    取自<Focus On 3D Terrain Programming>中的一段: //--------------------------------------------------- ...

  8. [转]Unity 延迟执行一段代码的较为优雅的方式

    Unity中,延时执行一段代码或者一个方法或者几个方法的情况非常普遍. 一般会用到Invoke和InvokeRepeating方法.顾名思义,第一个是执行一次,第二个是重复执行. 看下定义: void ...

  9. 每日学习心得：CustomValidator验证控件验证用户输入的字符长度、Linq 多字段分组统计、ASP.NET后台弹出confirm对话框，然后点击确定，执行一段代码

    2013-9-15 1.    CustomValidator验证控件验证用户输入的字符长度 在实际的开发中通常会遇到验证用户输入的字符长度的问题,通常的情况下,可以写一个js的脚本或者函数,在ASP ...

随机推荐

  1. babel的安装和使用方法

    要使用Babel, 我们需要nodeJS的环境和npm, 主要安装了nodeJS, npm就默认安装了 , 现在安装nodeJS很简单了, 直接下载安装就好了: 安装es-checker 在使用Bab ...

  2. linux 查看权限

    参考文章:http://www.linuxidc.com/Linux/2014-10/108114.htm Linux文件访问权限分为可读,可写和可执行三种. 可用ls -l命令查看,例: ls -l ...

  3. redis06----消息订阅

    使用办法: 订阅端: Subscribe 频道名称 发布端: publish 频道名称 发布内容 r1:>publish news "aaaaaa" "" ...

  4. MyEclipse注释配置

    MyEclipse注释配置 配置路径 1.1.      JAVA 打开MyEclipse,选择Window>Preferences>Java>Code Style>Code ...

  5. php中自运算++ 或-- 的总结

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  6. hdu-2066 一个人的旅行(最短路spfa)

    题目链接: 一个人的旅行 Time Limit: 1000/1000 MS (Java/Others)     Memory Limit: 32768/32768 K (Java/Others) Pr ...

  7. Android「后台下载」Feb.24小记

    参考了CSDN上的这个文章(HERE),之前只是新开一个线程: public class DownloadThread implements Runnable{ String tarFile ; pu ...

  8. HihoCoder1705: 座位问题（STL）

    描述 HIHO银行等待区有一排N个座位,从左到右依次编号1~N.现在有M位顾客坐在座位上,其中第i位坐在编号Ai的座位上. 之后又陆续来了K位顾客,(K + M ≤ N) 他们都会选择坐在最" ...

  9. 「网络流24题」「LuoguP2774」方格取数问题（最大流 最小割

    Description 在一个有 m*n 个方格的棋盘中,每个方格中有一个正整数.现要从方格中取数,使任意 2 个数所在方格没有公共边,且取出的数的总和最大.试设计一个满足要求的取数算法.对于给定的方 ...

  10. bzoj1003物流运输——DP

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=1003 DP好题: 直接找一个时间段的最短路,并用它来预处理出每个时间段的最小花费: f[i] ...