文档章节

[jquery] jQuery jsTree V3.2.1 基础Demo

alonelywolf
 alonelywolf
发布于 2016/06/14 11:39
字数 173
阅读 64
收藏 1
<link rel="stylesheet" href="../dist/themes/default/style.min.css" />

    <script src="../dist/jquery-2.1.4.min.js"></script>

    <script src="../dist/jstree.min.js"></script>

引入对应的文件


 

 $("#deptIdModify").jstree({

                    "core" : {
                        'multiple':false,//单选,true 为多选
                        "data": {
                            "url" :"../common/getSelectByCodeId2?codeId=PSB",
                            'dataType':'json',
                            'data' : function (node) {
                                return { 'id' : node.id};
                            }
                        }
                    },
                    "plugins" : [ "wholerow", "checkbox" ]
                });

 

deptIdModify 可以为:

div,ul其他没有试过。

使tree节点选中..
$("#deptIdModify").jstree(true).check_node(data.formData.deptCode);

 但是上面的选择有一个问题,第一次打开页面无法选中,修改后如下:

 

$("#deptIdModify").jstree({

                    "core" : {
                        'multiple':false,
                        "data": {
                            "url" :"../common/getSelectByCodeId2?codeId=PSB",
                            'dataType':'json',
                            'data' : function (node) {
                                return { 'id' : node.id};
                            }
                        }
                    },
                    "plugins" : [ "wholerow", "checkbox" ]
                }).bind("loaded.jstree",function(){
                    var node = data.formData.deptCode;
                    $("#deptIdModify").jstree("check_node",node);
                });

 

 

取值:

var deptIds=$("#deptIdModify").jstree(true).get_selected();

其他知API,详细配置信息 可访问官网:

 jstree 官网:https://www.jstree.com/

© 著作权归作者所有

共有 人打赏支持
alonelywolf
粉丝 4
博文 63
码字总数 34658
作品 0
丰台
程序员
jquery常用的插件1000收集

花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal acc...

Alic
2011/03/07
0
6
2014年140个最好的jQuery插件集合

Material Design Preloader Want to create a Google’s latest Material Design look-alike pre-loader? If yes, this jQuery plugin created by Aaron Lumsden will help you do so and y......

IanSun
2015/03/14
0
0
19个 jQuery 分页插件和教程,附带实例

在这篇文章中我们将向你介绍 20 个最棒的 jQuery 分页插件以及教程,并提供在线演示。 1.客户端的jQuery 分页插件jPages jPages 是一个客户端的分页插件,但提供很多特性例如自动翻页、键盘和...

凯文加内特
2014/04/30
0
0
jQuery学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge
05/17
0
0
10个免费的javascript富文本编辑器(jQuery and non-jQuery)

祝愿园子里的朋友圣诞节快乐。 本文介绍了10个免费易用富文本编辑器(rich text editors,RTE),其中5个是Jquery插件,另外5个是非Jquery富文本编辑器 简介 Javascript富文本编辑器使我们添...

老鸟的空间
2014/07/05
0
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python标准输入输出

input() 读取键盘输入 input() 函数从标准输入读入一行文本,默认的标准输入是键盘。 input 可以接收一个Python表达式作为输入,并将运算结果返回。 print()和format()输出 format()输出...

colinux
22分钟前
0
0
Python 核心编程 (全)

浅拷贝和深拷贝 1.浅拷贝:是对于一个对象的顶层拷贝,通俗的理解是:拷贝了引用,并没有拷贝内容。相当于把变量里面指向的一个地址给了另一个变量就是浅拷贝,而没有创建一个新的对象,如a...

代码打碟手
34分钟前
0
0
PHP 对象比数组省内存?错!数组比对象省内存?错!

刚刚一个群里有人引出了 PHP 数组和对象占用内存谁多谁少的问题。我想起之前我好像也测试过这个问题,和群里人说的对象比数组节省内存的结论相反,我得出的是数组比对象节省内存。 但今天,我...

宇润
50分钟前
1
0
memcached命令行及其用法

21.5 memcached命令行 创建数据 yum install -y telnet 利用telnet命令连接memcached数据库 telnet 127.0.0.1 11211 #写入数据 set key2 0 30 212STORED 这个是错误的示范,因为0 30 已经...

lyy549745
50分钟前
0
0
Maven私服

Maven私服 一、简介 当多人项目开发的时候,尤其聚合项目开发,项目和项目之间需要有依赖关系,通过maven私服,可以保存互相依赖的jar包,这样的话就可把多个项目整合到一起。 如下图: Inst...

星汉
53分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部