文档章节

[jquery] jQuery jsTree V3.2.1 基础Demo

alonelywolf
 alonelywolf
发布于 2016/06/14 11:39
字数 173
阅读 71
收藏 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
博文 62
码字总数 34590
作品 0
丰台
程序员
私信 提问
Struts2 jQuery Plugin 3.0 的新特性

Struts2 jQuery Plugin 是一个 Struts2 的插件,用来提供 Ajax 功能和基于 jQuery 的 UI部件。最新发布的 3.0 版本包含很多新特性和改进哦。 主要有: 全新的树状列表标签 基于 jQuery jsTre...

红薯
2011/05/09
5K
7
21 个有用的 jQuery 教程和插件

jQuery 是最火热的 Ajax 框架,在互联网网站到处都有 jQuery 的身影。本文给出一些例子和教程帮你更好的使用 jQuery 开发出漂亮的 Web 应用。 Photobooth with PHP, jQuery and CSS3 ( Demo ...

红薯
2011/04/28
6.1K
9
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
BootDo 1.2 发布,增加内容管理和博客管理

项目介绍 面向学习型的开源框架,简洁高效,减少过渡封装,展现技术本质 Springboot作为基础框架,使用mybatis作为持久层框架 使用官方推荐的thymeleaf做为模板引擎,shiro作为安全框架,主流...

lcg0124
2017/09/20
1K
4
BootDo 1.3.0 发布,新增数据字典、部门管理、计划任务

更新说明 1、新增数据字典、部门管理、计划任务 2、完善代码生成功能 3、演示地址www.bootdo.com 项目介绍 面向学习型的开源框架,简洁高效,减少过渡封装,展现技术本质 Springboot作为基础...

lcg0124
2017/09/30
3.4K
3

没有更多内容

加载失败,请刷新页面

加载更多

聊聊flink的Async I/O

序 本文主要研究一下flink的Async I/O 实例 // This example implements the asynchronous request and callback with Futures that have the// interface of Java 8's futures (which is t......

go4it
27分钟前
1
0
一文详解微服务架构的数据设计

微服务是一个软件架构模式,对微服务的讨论大多集中在容器或其他技术是否能很好的实施微服务这些方面。 本文将从以下几个角度来和大家分享在微服务架构下进行数据设计需要关注的地方,旨在帮...

java菜分享
38分钟前
5
0
Java并发编程之美读书笔记-并发编程基础1

线程 进程是代码在数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,比如idea运行代码时的jvm是一个进程,但是CPU资源比较特殊,它是被分配到线程的,线程是进程的一个执行路...

hensemlee
50分钟前
2
0
【剑指offer纪念版】--10 进制1的个数

10. 题目 题目:请实现一个函数,输入一个整数,输出该数二进制表示中1的个数。例如把9表示成二进制是1001,有2位是1。因此如果输入9,该函数输出2。 解题思路   把一个整数减去1,再和原整...

细节探索者
今天
2
0
本科毕业平均年薪 30 万!经济寒冬挡不住 AI 人才的火热!

互联网行业遭遇寒冬,企业纷纷裁员缩招,而 BAT 和硅谷明星公司对 AI 人才的投入却并不见放缓。为争夺相关人才,给应届毕业生开出的平均年薪高达 30 万。 而 TensorFlow 作为当下最流行的深度...

AI女神
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部