jstree使用小结(三)

操作节点的这几个事件都比较简单: 如下

var $tree=$(‘#tree1‘);
$tree.jstree({...});
//选中节点
$tree.on(‘select_node.jstree‘,function(e,data){
    debugger;
    var id=data.node.id;//获得选中节点的id
    var name=data.node.text;//获得选中节点的name
    //data 里面还有很多其他属性,可自行debugger看
    //这里我需要自定义一些数据,通过后台传递过来,这时里面的一个data.node.data属性就非常有用了
    //可以在这个data.node.data里面传递你需要的任何数据
});
//重命名
$tree.on(‘rename_node.jstree‘,function(e,data){
    debugger;
    var id=data.node.id;//获得选中节点的id
    var name=data.text;//修改后的name
    var oldName=data.old;//原name
    //data 里面还有很多其他属性,可自行debugger看
});
        //删除节点
$tree.on(‘delete_node.jstree‘,function(e,data){
    var id=data.node.id;//获得选中节点的id
    var name=data.node.text;//获得选中节点的name
});

备注: 我的项目中暂时用到这些...只是七七八八的笔记了一下,有用到这个jstree的童鞋,可以一起讨论.  O(∩_∩)O

时间: 2024-10-29 19:11:50

jstree使用小结(三)的相关文章

jstree用法小结

jstree是一款功能强大的插件.官网地址http://www.jstree.com/ $('#jstree').jstree({ "core" : { "animation" : 0, "themes" : { "dots": true,"icons":true ,"stripes":false}, "check_callback" : true, "mu

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo 前言 在JS学习中,对于原生的很多东西我理解得并不透彻.但是使用jQuery来操作DOM,基本上还是非常熟练的.但是对于AJAX数据交互的处理,我不是很理解. 近期团队交给我一个后端全接口提供给我的项目.我要利用这些接口来自己组织前端代码.为了学习,我决定不使用VUE或者其他的前端框架来做.而是只使用jQuery框架,数据的部分全部使用拼接字符串的形式实现. 获取数据,显示数据,提交数据. 在这个项目中(

Maven学习小结(三 基本概念)

1.Maven POM POM(Project Object Model)项目对象模型,是用Maven来管理项目里的一个叫做pom.xml的文件.所有的项目配置信息都被定义在这个文件中, 通过这个文件Maven可以管理项目的整个生命周期,包括清除.编译,测试,报告.打包.部署等. 2.Maven Plugin Maven的每个具体任务都是由插件完成的.(see more https://maven.apache.org/plugins/index.html#) 3.Maven Coordinat

jstree使用小结(一)

项目中用到tree结构,使用了jstree做个笔记如下: 1. 官网: http://www.jstree.com/    有时候打不开,那就只能等打得开的时候再看了...O(∩_∩)O [PS: 一些灰常基本的我可能就略过了...] 2. 先看看效果: (1)去官网下载jstree包,然后引入; 额外的样式文件(font-awesome.css):  到这个网址去下载  然后引入 http://fontawesome.io/license (2)添加jstree的容器 <div id="

jstree使用小结(二)

继续上一篇: 1.数据 按照官网的json数据返回格式: 有两种格式,我使用的格式如下: $('#jstree1').jstree({ 'core' : { 'data' : [ { "id" : "ajson1", "parent" : "#", "text" : "Simple root node" }, { "id" : "ajson2",

构建之法小结三

这一周我将第二章的内容巩固了一下,同时,也将第三章的内容进行了一个开头. 这两周我看的章节都在阐述一个问题,就是程序员的个人修炼,怎样从菜鸟程序员蜕变成技术大牛,对于一个有思想.有风度的程序员,不单单是把一堆代码写上去就完事了,就像一位诗人,有自己的代码风格和规范,字里行间都体现个人的编程素养,所以,我们要努力成为一个驰骋在代码世界里的风流诗人,用代码书写自己的喜怒哀乐,用程序表达自己的胸怀和思想.

jsTree插件简介(三)

UI-plugin JSTree的UI插件:用来处理选择.不选和鼠标悬浮树选项的插件. 一.属性包括: 1.select_limit:指定一次可以选中几个节点,默认为-1,表示无限制选中. 2.select_multiple_modifier:处理当按住某个键时,用鼠标点击其他的节点可全部选中:(类似在文件目录中的按住ctrl并用鼠标选择其它目录或者文件):默认按键为"ctrl",可以用"shift","alt"等替代. 3.select_ran

工作小结(三)

了解整个编解码过程,编写demo将本地yuv视频通过编解码流程之后显示. 这是一个过渡任务,最开始是为了理清整个编解码过程,以及每个过程的重要函数.接着用来验证任务二(编解码类框架)的代码以及H265模块是否有问题.最后又结合任务二一起完成任务四的第一部分(为码流对比工具添加H265模块). 整个编解码的过程如下: 首先是数据采集,在这个步骤中主要设置参数以及设置回调函数write_video_frame(参数包括设备参数,视频源分辨率.回调函数的作用是对采集到的数据进行处理).接着就是设置编解

SQL Server三种表连接原理

http://msdn.microsoft.com/zh-cn/library/dn144699.aspx 简介 在SQL Server中,我们所常见的表与表之间的Inner Join,Outer Join都会被执行引擎根据所选的列,数据上是否有索引,所选数据的选择性转化为Loop Join,Merge Join,Hash Join这三种物理连接中的一种.理解这三种物理连接是理解在表连接时解决性能问题的基础,下面我来对这三种连接的原理,适用场景进行描述. 嵌套循环连接(Nested Loop J