easy-ui tree

特性


名称


类型


说明


默认值


url


string


获取远程数据的 URL 。


null


method


string


获取数据的 http method 。


post


animate


boolean


定义当节点展开折叠时是否显示动画效果。


false


checkbox


boolean


定义是否在每个节点前边显示 checkbox 。


false


cascadeCheck


boolean


定义是否级联检查。


true


onlyLeafCheck


boolean


定义是否只在叶节点前显示 checkbox 。


false


dnd


boolean


定义是否启用拖放。


false


data


array


加载的节点数据。


null

事件

很多事件的回调函数需要 ‘node‘ 函数,它包含下列特性:

  • id:绑定到节点的标识值。
  • text:显示的文字。
  • checked:是否节点被选中。
  • attributes:绑定到节点的自定义属性。
  • target:目标的 DOM 对象。

名称


参数


说明


onClick


node


当用户点击一个节点时触发, node 参数包含下列特性:
id:节点的 id
text:节点的文字
checked:节点是否被选中
attributes:节点自定义属性
target:被点击目标的 DOM 对象


onDblClick


node


当用户双击一个节点时触发。


onBeforeLoad


node, param


当加载数据的请求发出前触发,返回 false 就取消加载动作。


onLoadSuccess


node, data


当数据加载成功时触发。


onLoadError


arguments


当数据加载失败时触发, arguments 参数与 jQuery.ajax 的‘error‘ 函数一样。.


onBeforeExpand


node


节点展开前触发,返回 false 就取消展开动作。


onExpand


node


当节点展开时触发。


onBeforeCollapse


node


节点折叠前触发,返回 false 就取消折叠动作。


onCollapse


node


当节点折叠时触发。


onCheck


node, checked


当用户点击 checkbox 时触发。


onBeforeSelect


node


节点被选中前触发,返回 false 就取消选择动作。


onSelect


node


当节点被选中时触发。


onContextMenu


e, node


当右键点击节点时触发。


onDrop


target, source, point


当节点被拖拽施放时触发。
target:DOM 对象,拖放的目标节点。
source:源节点。
point:表示拖放操作,可能是值是: ‘append‘、‘top‘ 或 ‘bottom‘。


onBeforeEdit


node


编辑节点前触发。


onAfterEdit


node


编辑节点后触发。


onCancelEdit


node


当取消编辑动作时触发。

方法


名称


参数


说明


options


none


返回树的 options。


loadData


data


加载树的数据。


getNode


target


获取指定的节点对象。


getData


target


获取指定的节点数据,包括它的子节点。


reload


target


重新加载树的数据。


getRoot


none


获取根节点,返回节点对象。


getRoots


none


获取根节点们,返回节点数组。


getParent


target


获取父节点, target 参数指节点的 DOM 对象。


getChildren


target


获取子节点, target 参数指节点的 DOM 对象。


getChecked


none


获取所有选中的节点。


getSelected


none


获取选中的节点并返回它,如果没有选中节点,就返回 null。


isLeaf


target


把指定的节点定义成叶节点, target 参数表示节点的 DOM 对象。


find


id


找到指定的节点并返回此节点对象。


select


target


选中一个节点, target 参数表示节点的 DOM 对象。


check


target


把指定节点设置为勾选。


uncheck


target


把指定节点设置为未勾选。


collapse


target


折叠一个节点, target 参数表示节点的 DOM 对象。


expand


target


展开一个节点, target 参数表示节点的 DOM 对象。


collapseAll


target


折叠所有的节点们。


expandAll


target


展开所有的节点们。


expandTo


target


从指定节点的根部展开。


append


param


追加一些子节点们到一个父节点, param 参数有两个特性:
parent:DOM 对象,追加到的父节点,如果没有分配,则追加为根节点。
data:数组,节点们的数据。


toggle


target


切换节点的展开/折叠状态, target 参数表示节点的 DOM 对象。


insert


param


在指定节点的前边或后边插入一个节点, param 参数包含下列特性:
before:DOM 对象,前边插入的节点。
after:DOM 对象,后边插入的节点。
data:对象,节点数据。


remove


target


移除一个节点和它的子节点们, target 参数表示节点的 DOM 对象。


pop


target


弹出一个节点和它的子节点们,此方法和 remove 一样,但是返回了移除的节点数据。


update


param


跟心指定的节点, param 参数有下列特性:
target(DOM 对象,被更新的节点)、id、text、iconCls、checked、等等。


enableDnd


none


启用拖放功能。


disableDnd


none


禁用拖放功能。


beginEdit


nodeEl


开始编辑节点。


endEdit


nodeEl


结束编辑节点。


cancelEdit


nodeEl


取消编辑节点。

时间: 2024-10-13 10:33:28

easy-ui tree的相关文章

Easy UI Tree某一级别下全部折叠

(折叠前)→(折叠后) 如上图的树形结构,我想让第三级的昭通市下的所有监测区都折叠这时候,我们可以这样做: function collapseTo() { var childs = $('#mytree').tree('getChildren', $('#_easyui_tree_3')); $.each(childs, function (i, v) { if (v) { $('#mytree').tree('collapse', v.target); } }); } Easy UI Tree

JQUERY EASY UI +TREE +SERVLET 显示菜单的例子

1.准备工作 (1)jquery easy ui (2)mysql数据 (3)eclipse开发环境等等 2.开发前端 <body class="easyui-layout"> <div data-options="region:'north',title:'header',split:true,noheader:true" style="height:60px;background:#666;"><div clas

JQuery Easy Ui (Tree树)详解

在这里沉重悼念我辛辛苦苦写了4个小时的文章,因为我的失误,没保存,而夭折啦..... 我的痛苦谁能懂? 哎~~~~  吃一见长一智吧! 么的办法啊! 但是,但是!我狠了狠心,咬了咬牙!我决定,再写一遍!!! 谁知道哭的表情怎么写! 我已经无法用言语表达我此时此刻的沉重心情了! (以下内容,身为菜鸟的我是用颤抖的双手敲出来的,忘同志们珍惜!!!!) 记得4个小时之前,我写过一个随笔,它的内容是这样的: 每次写博客,都喜欢在前面和大家分享一些东西,今天要分享的是一个小故事: 一个世界著名的大酒店正在

JQuery Easy Ui (Tree树)详解(转)

JQuery Easy Ui (Tree树)详解(转) 第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等.. JQuery ui是在jQuery的基础上,利用jQuery的扩展性,设计的插件. 那么JQuery Easy Ui到底是什么呢? 我的理解就是比JQuery ui更强大,同样都是实现绚丽的多功能效果! jQuery Easy UI的目的就是帮助Web开发者更轻松的打

jquery easy ui 1.5最新版本 简单的权限分配

jquery easy 1.5 Maven+servlet+jsp+jdbc实现权限管理分配 首先,我先说明下,我只是一个菜鸟,我只是在编程道路上摸索的一个的小码农.做开发三年了,这好像是我第一次写博客.以前接触过类似于jquery easy  ui 的DWZ,是我第一家公司用的UI框架.所以用easy ui感觉很快能上手.都是基于jquery 的ui框架.好,废话少说.此次项目我是用最基础的jsp+servlet+jdbc写的,同时加入了maven管理jar包以及发布.应该很好理解的. 1.准

jquery easy UI 的hello版

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tree Node Icons - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="easyui.css"> <link r

Jquery学习---Easy UI 框架

1.1. easyui的目录分析 以 jquery Easy UI 1.3.2 版本学习 demo 实例 locale 国际化信息 plugins 框架一些插件 src 源码 themes 样式文件 easyloader.js  框架核心加载器 (加载其它plugin) jquery-1.8.0.min.js  jQuery类库 jquery.easyui.min.js  框架类库 (等价于 easyloader.js + plugins 所有插件 ) 1.2. 在项目中引入 EasyUI 必须

Jquery Easy UI 实现页面的Loading效果(类似于Android的ProgressDialog)

前言 很常用的一种前端效果,比如当用户点击网页的某个按钮发送了一条异步请求,如果响应时间过长容易导致用户重复点击,一方面影响用户体验一方面容易造成不必要的服务端压力,Easy UI有现成的mask样式,简单封装一下就可以使用,之前查阅搜集了相关资料和文章,发现都介绍的都不是很完整,所以本篇blog就完整的记录一下通过Easy UI快速实现这种效果以及如何集成到项目中. 引入.封装和调用 首先当然是在我们的项目中集成jquery以及easyui的相关资源包,除了jquery的核心js文件,easy

jQuery Easy UI Droppable(放置)组件

Droppable(放置)组件也是一个基本组件,用法较简单,语法都在例子里面注释了: 示例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src="easyui/jquery.min.js&qu

jQuery Easy UI Resizable(调整大小)组件

Resizable(调整大小)组件,easyui基础组件之一,调整大小就是可以对元素可以拖着调整大小,这个组件不依赖于其他组件,使用比较简单,相关的属性.事件都 在例子中介绍了. 示例: <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/jav