jQueryEasyUIAPI中文文档-Tree树使用介绍_jquery

代码如下:

• 
  Folder
  
  
  
  • 
    Sub Folder 1
    
    
    
    • 
      File 11
      
    
    
    • 
      File 12
      
    
    
    • 
      File 13
      
    
    
    
    
  
  
  • 
    File 2
    
  
  
  • 
    File 3
    
  
  
  
  


• 
  File21
  

元素里定义。




代码如下:


$('#tt').tree({
url:'tree_data.json'
});



树数据的格式（Tree data format）
每个节点可以包含下列特性：
id：节点的 id，它对于加载远程数据很重要。
text：显示的节点文字。
state：节点状态， 'open' 或 'closed'，默认是 'open'。当设为 'closed' 时，此节点有子节点，并且将从远程站点加载它们。
checked：指示节点是否被选中。 Indicate whether the node is checked selected.
attributes：给一个节点追加的自定义属性。
children：定义了一些子节点的节点数组。
示例：


代码如下:


[{
"id":1,
"text":"Folder1",
"iconCls":"icon-save",
"children":[{
"text":"File1",
"checked":true
},{
"text":"Books",
"state":"open",
"attributes":{
"url":"/demo/book/abc",
"price":100
},
"children":[{
"text":"PhotoShop",
"checked":true
},{
"id": 8,
"text":"Sub Bookds",
"state":"closed"
}]
}]
},{
"text":"Languages",
"state":"closed",
"children":[{
"text":"Java"
},{
"text":"C#"
}]
}]





特性

名称	类型	说明	默认值
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	var cpro_id = "u6885494"; json c# jquery ajax 写下你的评论吧 ! 吐个槽吧,看都看了 会员登录 | 用户注册 推荐阅读 js 高校天文共享平台开发过程中的思考与规划 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面，并总结了项目存在的问题，如前后端未分离、代码混乱等。作者表示希望通过记录和规划，能够理清思路，进一步完善该平台。 ... [详细] 蜡笔小新   2023-12-13 18:08:58 php 前端人员必须知道的三个问题及其发展阶段 本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ... [详细] 蜡笔小新   2023-12-12 12:45:59 text 使用jQuery / AJAX实现两个div的动态更新 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串，可以将不同的文本分别插入到两个div中，从而实现页面的动态更新。 ... [详细] 蜡笔小新   2023-12-11 10:07:32 text Java后台Jsonp处理方法及其应用场景 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议，它允许在服务器端通过Script tags返回至客户端，并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法，它是一种面向数据结构的分析和设计方法，以活动为中心，将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码，使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细] 蜡笔小新   2023-12-10 10:55:21 md5 开发笔记:加密&json&StringIO模块&BytesIO模块 篇首语：本文由编程笔记#小编为大家整理，主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识，希望对你有一定的参考价值。一、加密加密 ... [详细] 蜡笔小新   2023-12-14 15:18:35 datetime 阿里云物联网 .NET Core 客户端 | CZGL.AliIoTClient：4. 设备上报属性 阿,里,云,物,联网,net,core,客户端,czgl,aliiotclient, ... [详细] 蜡笔小新   2023-12-14 12:40:20 io HTML5网页模板怎么加百度统计？ 本文介绍了如何在HTML5网页模板中加入百度统计，并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题，并介绍了如何使用Visual Studio 2010创建HTML5模板。此外，还提到了使用Jquery编写美好的HTML5前端框架模板的方法，以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细] 蜡笔小新   2023-12-11 12:06:41 io 从零基础到精通的前台学习路线 随着互联网的发展，前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线，包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习，可以掌握前台开发的基本技能，并有能力找到一份月薪8000以上的工作。 ... [详细] 蜡笔小新   2023-12-10 20:05:15 datetime Node.js学习笔记(一)package.json及cnpm 本文介绍了Node.js中包的概念，以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM（Node Package Manager）的基本介绍和使用方法，以及如何通过NPM下载第三方模块。 ... [详细] 蜡笔小新   2023-12-10 18:26:02 post FormData上传文件同时附带其他参数的方法 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单，将文件和参数添加到FormData对象中，然后使用ajax发送POST请求进行文件上传。在发送请求时，需要设置processData为false，告诉jquery不要处理发送的数据；同时设置contentType为false，告诉jquery不要设置content-Type请求头。 ... [详细] 蜡笔小新   2023-12-09 19:51:18 php Jquery 跨域问题 为什么80%的码农都做不了架构师？JQuery1.2后getJSON方法支持跨域读取json数据，原理是利用一个叫做jsonp的概念。当然 ... [详细] 蜡笔小新   2023-12-09 18:24:55 php DataTables插件介绍及使用方法 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法，包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性，以及国际化和动态创建表格的功能。此外，还提供了参数初始化和延迟加载的示例代码。 ... [详细] 蜡笔小新   2023-12-09 17:40:33 post bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）... 查询单个functionquery(id){$.ajax({url:smallproductServlet,async:true,type:POST,data:{typ ... [详细] 蜡笔小新   2023-10-17 19:40:17 list 工作经验谈之-让百度地图API调用数据库内容 及详解 这段时间，所在项目中要用到的一个模块，就是让数据库中的内容在百度地图上展现出来，如经纬度。主要实现以下几点功能：1.读取数据库中的经纬度值在百度上标注出来。2.点击标注弹出对应信息。3 ... [详细] 蜡笔小新   2023-10-17 19:33:18 int ppurl Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细] 蜡笔小新   2023-10-17 18:30:39 懒得张开眼睛看你 这个家伙很懒，什么也没留下！ Tags | 热门标签 eval web3 js io export settings utf-8 scala post cookie ascii hashtable php datetime int python3 perl md5 vbscript const list netty search copy sum join text jsp lua chat RankList | 热门文章 1C#学习教程：为StyleCop拼写检查指定CustomDictionary文件的路径分享 2获取session_PHP获取不到SESSION信息之一般情况解决方案 3《社日》翻译 原文赏析诗人唐张演 4043day（特殊密码锁问题的思考） 5JMeter Eclipse 开发环境搭建 6产品线|预案_最佳实践百度大规模Service Mesh落地实践 7Windows DNA架构 8Repo_yum.rpm,repo源 9org.openrdf.query.BindingSet.getValue()方法的使用及代码示例 10Jenkins：为 11HDU6608 12仧字意思 在新华字典的读音解释笔画常用组词起名 13《过钟陵》翻译 原文赏析诗人唐李绅 14numpy . root()函数–Python 15[网络天地]卖中兴ZXR10 866路由 双WAN口路由器 4WAN口路由 智能多WAN口路由 PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具 Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有