`
ganjuelovejava
  • 浏览: 92058 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

jstree初始化

阅读更多
<script type="text/javascript">
//对节点初始化
$(function () {
// All those configuration options are documented in the _docs folder
$("#demo")
.jstree({
core : { 
animation : 1    //折叠速度
                   },//点击节点获取子节点
         "core" : { "initially_open" : [ "root2" ] },
         "html_data" : {
         "data" : '<%=htmlSegment%>',
            "ajax" : {
                 "url" : "ajaxFacture.do?libName=<%=libName%>&libId=<%=libId%>&libVersion=<%=libVersion%>", 
                 cache : false,
                 async : true,//动态加载数据
              "data" :  function (n) {
                 return { id : n.attr ? n.attr("id") : 0 };   }   }   },

"themes" : { 

             "theme" : "default", 
             "dots" : false,   //隐藏图标
             "icons" : true
        },
     "plugins" : [ "themes", "html_data","dnd","contextmenu","crrm" ,"checkbox"]

         })//绑定删除事件
.bind("remove.jstree", function (e, data) {
data.rslt.obj.each(function () {

$.ajax({
async : false,
type: 'POST',
url: "NaviUtilServlet.do",
data :
{
"type" : "remove",
"id" : this.id.replace("node_",""),
"libv" : $("#libVersion").val(),
"libid" : $("#libId").val()
},
success : function(falg){
   if(falg == "false"){
      alert("删除失败!");
}}});});
})//绑定修改节点名称事件
.bind("rename.jstree", function (e, data) {
$.ajax({
async : false,
type: 'POST',
url: "NaviUtilServlet.do",
data :
{
"type" : "rename",
"id" : data.rslt.obj.attr("id").replace("node_",""),
"libv" : data.rslt.obj.attr("libv").replace("node_",""),
"libid" : data.rslt.obj.attr("libid").replace("node_",""),
"nodeName" : data.rslt.new_name
},
success : function(falg){
   if(falg == "false"){
      alert("修改名称失败!");
}}});
})//绑定移动节点事件
.bind("move_node.jstree", function (e, data) {
data.rslt.o.each(function () {
         //目标节点
         var targetTopicId = data.rslt.np.attr("id").replace("node_","");
         //下一个兄弟节点
         var nextId = $(this).next("li").attr("id");
         if(nextId == "undefined"){
              nextId = "";
         }
         if(targetTopicId == "demo"){
              targetTopicId = "";
         }
        
       $.ajax({
async : false,
type: 'POST',
url: "NaviUtilServlet.do",
data :
{
"type" : "drag",
"id" : $(this).attr("id").replace("node_",""),
"libv" : $(this).attr("libv"),
"libid" : $(this).attr("libid"),
"nextId" : nextId,
"targetTopicId" : targetTopicId
},
       success : function(falg){
   if(falg == "false"){
      alert("拖动失败!");
}}})});});});
</script>
分享到:
评论

相关推荐

    JsTree 实例使用

    很好用的JsTree 包括动,重命名等功能, 下载直接运行

    jstree中的checkbox默认选中和隐藏示例代码

    jstree复选框自定义显示隐藏和初始化默认选中 首先需要配置 Checkbox plugin plugins : ['checkbox'] 设置默认选中状态(checkbox 选中) state: {checked: true} $.jstree.defaults.checkbox.tie_selection 示例:...

    基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用

    框架总览及菜单模块的处理,介绍了Bootstrap开发框架的一些基础性概括,包括总体界面效果,以及布局、菜单等内容,本篇继续这一主题,介绍页面内容常用到的数据分页处理,以及Bootstrap插件JSTree的使用。...

    无限分级和tree结构数据增删改【附DEMO下载】

    •初始化获取转换后的数据 •前台数据加载 •其他操作 •通过按钮来操作增删改 无限分级 很多时候我们不确定等级关系的层级,这个时候就需要用到无限分级了。 说到无限分级,又要扯到递归调用了。(据说频繁递归是...

    getTreeFloor.js

    一个工具方法,动态设置el-tree初始化默认展开第几层。

    基于threejs实现室内模型的动态装载源码(智慧楼宇).zip

    1,智慧楼宇楼层设施动态装载 2,基于threejs分步加载减少初始化压力。

    关于extjs treepanel复选框选中父节点与子节点的问题

    代码如下: var Fpanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ “checkchange”: ...

    ztree根据文本内筛选叶子节,并改变叶子节点字体颜色

    ztree根据文本内筛选叶子节,并改变叶子节点字体颜色,注意例子不是bak备份html,含Ztree需要的js控件。

    tree-manager

    树管家用于 jstree 库的 nodejs 连接器。 要运行示例,请转到example文件夹,运行npm install并将浏览器指向localhost:5000 。初始化 var TreeManager = require ( '../lib/treemanager' ) ;var rootDir = __dirname...

    es-tree:符合JS2015(ES6)的树组件

    ES树符合JS2015(ES6)的树组件安装npm ...[removed]样本树初始化import Tree from 'path/to/your/built/tree.js';[removed]('DOMContentLoaded', function() { var tree = new Tree( '#treeMount', // DOM selector

    xloadtree无限极ajax tree

    原理:初始化状态查询出根节点和第一级节点,并且第一级节点的图标是 + ,点击 + 出现loading...,然后再显示出节点下的子级,如果没有子级,则 + 变成 - ;将加载完后出现的子级菜单用JS保存在客户端,下载再点 + ...

    layui数据表格重载实现往后台传参

    1、网上的代码: 搜索商户: &lt;input class=layui-input name=keyword id=demoReload ...在js加入初始化代码和定义加载方法 layui.use('table', function(){ var table = layui.table; //方法级渲染 t

    jQueryTree使用方法

    jquery.js,jquery.cookie.js,jquery.treeview.js,jquery.treeview.async.js四个库文件,其中最后一个是要使用异步加载结点的时候,要用到的,我的项目中已经用到了这个功能,在初始化树的时候,只加载顶层的数据,当...

    treejs:一个轻量级的树部件,与VanillaJS React Vue兼容。 gzip后的尺寸很小。 零依赖

    初始化new Tree(treeContainer, parameters) ,返回初始化的Tree实例。 treeContainer字符串-树容器的css选择器(内部为document.querySelector )。 parameters -对象-树的选项。基本节点格式{ " id " : " uniq

    familyTree:用于构建家谱的 Javascript 库

    用法初始化非常简单: var ft = new familyTree(persons, settings);在这里, persons是一个对象数组。 顺序并不重要,因为无论如何图书馆都会对它们进行排序。 每个对象可能包含任何属性,但有些名称是

    vue.js 解决v-model让select默认选中不生效的问题

    js 在初始化的时候,调用后台接口,取到数据然后传递给vue里面定义的data里面。并且前端页面除了select不能正常选中,其他的input 框的数据也都全部显示出来了(因为涉及一些机密的数据,所以还是涂鸦一下,主要还是...

    wx-tree-component:微信小程序目录树(关系树)组件

    微信小程序关系树组件tree组件参数:tree: Array,目录树结构,参见okrgraph.js,必填init-member-id: Array,初始化成员id,必填selectChange:点击成员回调函数,回调函数参数为点击的成员信息成员字段:level: ...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第14课(讲解tree的应用,tree的初始化方式、异步tree都需要那些配置、tree的lines、url、checkbox、属性,onLoadSuccess事件,getChecked方法的应用) 第15课(继续讲解tree的使用,介绍tree需要的JSON格式、常用事件和...

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi

    第14课(讲解tree的应用,tree的初始化方式、异步tree都需要那些配置、tree的lines、url、checkbox、属性,onLoadSuccess事件,getChecked方法的应用) 第15课(继续讲解tree的使用,介绍tree需要的JSON格式、常用事件和...

    angular-list-tree:角度列表树

    项目还使用了一些 node.js 工具进行初始化和测试。 您必须安装 node.js 及其包管理器 (npm)。 您可以从获取它们。 克隆角度列表树 使用 git 克隆 angular-list-tree 存储库: git clone cd angular-list-tree ### ...

Global site tag (gtag.js) - Google Analytics