Rumah > hujung hadapan web > tutorial js > EasyUI Tree树组件无限循环实例分析

EasyUI Tree树组件无限循环实例分析

小云云
Lepaskan: 2017-12-27 10:20:14
asal
1977 orang telah melayarinya

在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环。本文主要介绍了EasyUI Tree树组件无限循环的解决方法,需要的朋友可以参考下,希望能帮助到大家。

如:

tree.json

[{ 
  "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,
      "state":"closed"      
    },{ 
      "id": 8, 
      "text":"Sub Bookds", 
      "state":"open" 
    }] 
  }] 
}] 
$('#box').tree({
    url :"tree.json",
    cascadeCheck : false,
    onlyLeafCheck : true,
    lines : true,
    formatter : function (node) {
      return '[' + node.text + ']';
    }
  });
Salin selepas log masuk

tree组件无限循环截图

这里写图片描述

解决方法:把末节点State状态设为open可正常显示

相关推荐:

实例讲解CSS3实现无限循环的无缝滚动

php实现无限循环获取MySQL中数据的方法示例

PHP 无限循环获取数据(或消息)信息

Atas ialah kandungan terperinci EasyUI Tree树组件无限循环实例分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan