<!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. extjs 4 checkboxgroup Panel的简单用法

    Ext.require([ 'Ext.tree.*', 'Ext.data.*', 'Ext.window.MessageBox', 'Ext.tip.*' ]); Ext.onReady(funct ...

  2. webpack 的编译原理

    自从接触了react,vue 这两个框架,都会用到webpack这个打包工具.面试的时候,经常被问到知道webpack的编译原理吗? 可以简单的介绍一下.每每这个时候都被问的哑口无言,平时用的时候挺顺 ...

  3. UVA10480 Sabotage —— 最小割最大流

    题目链接:https://vjudge.net/problem/UVA-10480 题解: 实际就是求最小割集. 1.什么是网络流图的“割”?答:一个边的集合,使得网络流图删除这些边之后,点被分成两部 ...

  4. HDU3374 String Problem —— 最小最大表示法 + 循环节

    题目链接:https://vjudge.net/problem/HDU-3374 String Problem Time Limit: 2000/1000 MS (Java/Others)    Me ...

  5. dede摘要长度,dedecms摘要限制,dedecms摘要字数

    dede摘要长度,dedecms摘要限制,dedecms摘要字数 如果可以有效控制文章摘要的字数,那么就可以使得页面布局很灵活. 在Dedecms中,在列表页调用文章摘要的方法主要有: 1:[fiel ...

  6. JQuery树形插件Dynatree的包装对象

    这是JQuery Dynatree插件的包装对象,做了些改进和增强,增加了右键菜单,以及相应事件等扩展1. [代码]MagicDTree的基本使用 <SCRIPT type=text/javas ...

  7. MVVM模式介绍

    MVVM:模型-视图-视图模型(Model-View-ViewModel)   组成部分Model.View.ViewModel View:UI界面 ViewModel:它是View的抽象,负责Vie ...

  8. HDU 1711（KMP）字符串匹配

    链接  HDU 1711 Number Sequence KMP 算法 我以自己理解写的,写的不对,不明白的地方海王子出来,一起共同学习: 字符串匹配 就是KMP,一般思想,用一个for循环找开头   ...

  9. I.MX6 Android busybox 从哪里生成的

    /**************************************************************************** * I.MX6 Android busybo ...

  10. [USACO2012 OPEN] Bookshelf

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=2678 [算法] 首先不难想到如下DP : 记f[i]表示前i本书的高度和最小值 显然 ...