<!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. About "self"

    Class method can't refer derectly to instance variables. Within the body of  a class method, self re ...

  2. goroutine pool，WaitGroup，chan 示例

    服务端高并发编程经常需要写很多goroutine来服务每一个连接,如何正确使用goroutine池是又拍云的工程师们需要考虑的问题,今天这篇文章,分享给同样需要使用go语言的小伙伴们. 文/陶克路 本 ...

  3. vue中如何实现后台管理系统的权限控制

    vuejs单页应用的权限管理实践 一.前言 在广告机项目中,角色的权限管理是卡了挺久的一个难点.首先我们确定的权限控制分为两大部分,其中根据粒的大小分的更细: 接口访问的权限控制 页面的权限控制 菜单 ...

  4. 秒懂单链表及其反转(reverse)

    什么是链表,这种数据结构是由一组Node组成的,这群Node一起表示了一个序列.链表是最普通,最简单的数据结构(物理地址不连续),它是实现其他数据结构如stack, queue等的基础. 链表比起数组 ...

  5. 基于阿里云上实现全站https的正确姿势(一)

    对应的网址:https://yq.aliyun.com/articles/65199 摘要: 目前主流大厂的网站和服务都已经实现了全站https, 例如: baidu, taobao, jd等. 关于 ...

  6. HBase集群出现NotServingRegionException问题的排查及解决方法

    HBase集群在读写过程中,可能由于Region Split或Region Blance等导致Region的短暂下线,此时客户端与HBase集群进行RPC操作时会抛出NotServingRegionE ...

  7. 【USACO 2006 November Gold】Corn Fields

    [题目链接] 点击打开链接 [算法] 状压DP [代码] #include<bits/stdc++.h> using namespace std; #define MAXN 12 #def ...

  8. ES6之Object

    对象属性模型的相关方法: 对象自身所有属性名称 Object.getOwnPropertyNames(obj)              //[] 获取某个属性的attribute对象 Object. ...

  9. MYSQL数据库学习----MYSQL函数

    MYSQL函数分为几种 数学函数 字符串函数 日期和时间函数 条件判断函数 系统信息函数 加密函数 格式化函数 一:数学函数 主要使用的几个数学函数 1 ABS()----绝对值函数 eg. SELE ...

  10. linux--安装phpcurl扩展

    在UBUNTU中直接用APT包管理工具安装: apt-get install curl libcurl3 libcurl3-dev php5-curl 安装好后重启Apache服务器就行了,如果还是不 ...