<!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>