Easyui-tree 加载json数据及loadFilter的使用

本文介绍了如何使用Easyui的tree组件加载JSON数据,并详细讲解了loadFilter函数的用法,通过实例展示了如何根据特定条件过滤数据并进行展示。通过设置lines属性显示树线,提供json数据格式示例,以及loadFilter函数实现查找并显示特定文本的子节点。
摘要由CSDN通过智能技术生成

一、easyui tree基本使用

首先定义一个<ul>

 

Html代码   
  1. <ul id="tt"></ul>  

 

 

easyui tree 加载json数据:

 

Js代码   
  1. $('tt').tree({  
  2.    lines:true,//是否显示树线  
  3.    url:'tree.json'  
  4. });  

json数据要求的格式:下载

Json代码   
  1. [{  
  2.     "id":1,  
  3.     "text":"My Documents",  
  4.     "children":[{  
  5.         "id":11,  
  6.         "text":"Photos",  
  7.         "state":"closed",  
  8.         "children":[{  
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值