<!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. luogu3384 【模板】 树链剖分

    题目大意 已知一棵包含N个结点的树(连通且无环),每个节点上包含一个数值,需要支持以下操作:操作1: 格式: 1 x y z 表示将树从x到y结点最短路径上所有节点的值都加上z操作2: 格式: 2 x ...

  2. java和jar命令

    IDEA打可运行jar http://bglmmz.iteye.com/blog/2058785 -jar参数运行应用时classpath的设置方法 你是否在使用java -jar参数运行打包好的ja ...

  3. Spring boot 使用Junt

    //@RunWith:启动器,SpringJUnit4ClassRunner:Spring整合JUnit4 //@SpringBootTest获取启动类,相当于@Contextconfiguartio ...

  4. POJ2195 Going Home —— 最大权匹配 or 最小费用最大流

    题目链接:https://vjudge.net/problem/POJ-2195 Going Home Time Limit: 1000MS   Memory Limit: 65536K Total ...

  5. FZU1977 Pandora adventure —— 插头DP

    题目链接:https://vjudge.net/problem/FZU-1977  Problem 1977 Pandora adventure Accept: 597    Submit: 2199 ...

  6. C语言变量声明问题——变量定义一定要放在所有执行语句/语句块的最前面吗?

    报错信息:error C2065: 'salary' : undeclared identifier #include <stdio.h> void main(){ printf(&quo ...

  7. I.MX6 wpa_supplicant_8 编译问题

    /************************************************************************ * I.MX6 wpa_supplicant_8 编 ...

  8. 洛谷P3195 [HNOI2008]玩具装箱TOY——斜率优化DP

    题目:https://www.luogu.org/problemnew/show/P3195 第一次用斜率优化...其实还是有点云里雾里的: 网上的题解都很详细,我的理解就是通过把式子变形,假定一个最 ...

  9. JAVA线程同步 （三）信号量

    一个信号量有且仅有3种操作,且它们全部是原子的:初始化.增加和减少 增加可以为一个进程解除阻塞: 减少可以让一个进程进入阻塞. 信号量维护一个许可集,若有必要,会在获得许可之前阻塞每一个线程:     ...

  10. VC将同一份代码同时编译为Dll和Exe的方法

    开发中经常遇到这样的情况,需要开发一个某某功能的接口Dll,但是Dll不能直接调试,你至少需要一个Loader 但是Loader和Dll本身不在同一个工程里,虽然都在本机的话并不影响源码级调试,但是总 ...