<!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. 将异常(getStackTrace)转化成String

    方法一: private static String getStackMsg(Exception e) { StringBuffer sb = new StringBuffer(); StackTra ...

  2. ActiveMQ 安全认证

    修改配置文件 位置: apache-activemq-5.9.0/conf/ vi activemq.xml 在<broker xmlns="http://activemq.apach ...

  3. asp.net cookie and session

    客户端只保存session id,信息存在服务端 Session状态应该存储在两个地方,分别是客户端和服务器端. 客户端只负责保存相应网站的SessionID,而其他的Session信息则保存在服务器 ...

  4. maven配置本地仓库和国内镜像仓库，解决国内访问国外中央仓库速度过慢问题

    Maven项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具. 1.配置本地仓库   打开conf文件夹下面的setting.xml文件 红色方框为配置本地仓 ...

  5. 第六届蓝桥杯C++B组省赛

    1.奖券数目 2.星系炸弹 3.三羊献瑞 4.格子中输出 5.九数组分数 6.加法变乘法 7.牌型种数 8.移动距离 9.垒骰子 10.生命之树 1.奖券数目 奖券数目有些人很迷信数字,比如带“4”的 ...

  6. java中io类型及成熟io框架

    就io本身而言,概念上有5中模型:blocking I/O, nonblocking I/O, I/O multiplexing(select and poll), singal driven I/O ...

  7. IOS中延时执行方式

    本文列举了四种延时执行某函数的方法及其一些区别.假如延时1秒时间执行下面的方法. - (void)delayMethod { NSLog(@"execute"); } 1.perf ...

  8. [Selenium] 如何绕过 IE 的安全模式

    自从 IE7 引入 Protected Mode 以来, IE 浏览器的安全性的确得到了一定程度的提高.其原理从本质来讲,在浏览某些需要启用保护模式的页面时,会开启一个新的浏览器会话以完成任务,而此时 ...

  9. ng 表单提交验证

    http://www.runoob.com/try/try.php?filename=try_ng_validate

  10. 【旧文章搬运】Windows句柄分配算法(一)

    原文发表于百度空间,2009-04-04========================================================================== 分析了Wi ...