1. <!DOCTYPE HTML>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org">
  3. <meta charset="utf-8">
  4.  
  5. <head th:include="include :: header"></head>
  6.  
  7. <body class="white-bg">
  8.     <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  9.         <form class="form-horizontal m" id="form-graphModel-add">
  10.             <div class="form-group">
  11.                 <label class="col-sm-3 control-label">模型名称：</label>
  12.                 <div class="col-sm-8">
  13.                     <input id="name" name="modelName" class="form-control" type="text">
  14.                 </div>
  15.             </div>
  16.             <div class="form-group">
  17.                 <label class="col-sm-3 control-label">图谱：</label>
  18.                 <div class="col-sm-8">
  19.                     <ul id="ztree" class="ztree"></ul>
  20.                     <input type="hidden" name="sel" id="sel" />
  21.                 </div>
  22.             </div>
  23.         </form>
  24.     </div>
  25.     <div th:include="include::footer"></div>
  26.     <script type="text/javascript">
  27.         var prefix = ctx + "voc/graphModel"
  28.         var zTree = null;
  29.         $("#form-graphModel-add").validate({
  30.             rules: {
  31.                 modelName: {
  32.                     required: true,
  33.                 },
  34.                 sel: {
  35.                     required: true,
  36.                 },
  37.             }
  38.         });
  39.  
  40.         function submitHandler() {
  41.             var nodes = zTree.getCheckedNodes(true);
  42.             if (nodes.length == 0)
  43.                 $.modal.msgError("请选择图谱");
  44.             var arry = Array();
  45.             for (var i = 0; i < nodes.length; i++) {
  46.                 arry.push(nodes[i].id);
  47.             }
  48.             $("#sel").val(arry.join(","));
  49.             if ($.validate.form()) {
  50.                 $.operate.save(prefix + "/add", $('#form-graphModel-add').serialize());
  51.             }
  52.         }
  53.         var setting = {
  54.             check: {
  55.                 enable: true, //每个节点上是否显示 CheckBox
  56.                 chkStyle: "checkbox",//复选框类型
  57.                 nocheckInherit: false,
  58.                 chkboxType: { "Y": "", "N": "" },
  59.             },
  60.             data: {
  61.                 simpleData: {
  62.                     enable: true
  63.                 }
  64.             }
  65.             ,
  66.             callback: {
  67.                 beforeCheck: function (treeId, treeNode) {
  68.                     if (treeNode.children) {
  69.                         treeNode.nocheck = true;   //设置复选框不显示
  70.                         layer.msg('请选择子节点!', { icon: 6 });
  71.                         return false;
  72.                     }
  73.                 },
  74.                 onClick: function (e, treeId, treeNode, clickFlag) {
  75.                     if (!treeNode.children) {
  76.                         zTree.checkNode(treeNode, !treeNode.checked, true);
  77.                     }
  78.                 }
  79.             }
  80.         };
  81.         $(function () {
  82.             $.getJSON(ctx + "voc/project/getTree", function (d) {
  83.                 if (d.code == 0) {
  84.                     zTree = $.fn.zTree.init($("#ztree"), setting, d.data);
  85.                     // zTree.expandAll(zTree);
  86.                 }
  87.             })
  88.         })
  89.  
  90.     </script>
  91. </body>
  92.  
  93. </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. react源码分析

    ReactMount.render -> ReactMount._renderSubtreeIntoContainer -> ReactMount._renderNewRootCompon ...

  2. POJ1094 Sorting It All Out —— 拓扑排序

    题目链接:http://poj.org/problem?id=1094 Sorting It All Out Time Limit: 1000MS   Memory Limit: 10000K Tot ...

  3. ajax验证用户名 当用户名框的数据改变时 执行ajax方法

    ajax验证用户名 当用户名框的数据改变时 执行ajax方法 <html xmlns="http://www.w3.org/1999/xhtml" ><head ...

  4. MongoDB C++ gridfs worked example

    使用libmongoc,参考:http://mongoc.org/libmongoc/current/mongoc_gridfs_t.html #include <mongoc.h> #i ...

  5. Codefroces #404 Div2

    A题 分析:把多面体和面数一一对应即可 #include<iostream> #include<map> #include<cstring> #include< ...

  6. you are the one(区间dp)

    传送门 You Are the One Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Othe ...

  7. UI：KVO、KVC

    什么是KVC 什么是 KVO ? KVC:(NSKey ValueCoding)”键-值  编码“是一种间接的访问对象属性(字符串表征)的机制.对象的属性都可以通过使用KVC机制用相同的方式访问.我们 ...

  8. 关于HTTP请求中更改body中传递的参数方法

    更改body中传递的参数方法: String txId = UUID.randomUUID().toString().replaceAll("-", ""); ...

  9. View Programming Guide for iOS ---- iOS 视图编程指南(五)---Animations

      Animations Animations provide fluid visual transitions between different states of your user inter ...

  10. 003--linux用户权限常用命令

    一.useradd命令选项 –u:指定用户的UID         useradd –u 1024 mu    #指定mu的UID为1024 –g:指定用户所属的群组   useradd –g jac ...