ExtJs动态加载二级树无限循环怎么办?

如题,下面是我返回的JSon:
{
"bugs": [
{
"id": 1,
"text": "用户管理",
"leaf": false,
"children": [
{
"id": 7,
"text": "修改用户",
"leaf": true,
"attributes": {
"url": "UserManager.html"
}
},
{
"id": 8,
"text": "添加用户",
"leaf": true,
"attributes": {
"url": "UserManager.html"
}
},
{
"id": 9,
"text": "删除用户",
"leaf": true,
"attributes": {
"url": "UserManager.html"
}
}
]
},
{
"id": 2,
"text": "职务管理",
"leaf": false,
"children": [
{
"id": 10,
"text": "修改职务",
"leaf": true,
"attributes": {
"url": "DepartManager.html"
}
},
{
"id": 11,
"text": "添加职务",
"leaf": true,
"attributes": {
"url": "DepartManager.html"
}
},
{
"id": 12,
"text": "删除职务",
"leaf": true,
"attributes": {
"url": "DepartManager.html"
}
}
]
},
{
"id": 6,
"text": "商品管理",
"leaf": false,
"children": [
{
"id": 3,
"text": "商品出库审批",
"leaf": true,
"attributes": {
"url": "GoodsManager.html"
}
},
{
"id": 4,
"text": "商品入库审批",
"leaf": true,
"attributes": {
"url": "GoodsManager.html"
}
},
{
"id": 13,
"text": "添加商品入库",
"leaf": true,
"attributes": {
"url": "GoodsManager.html"
}
},
{
"id": 14,
"text": "商品入库审批",
"leaf": true,
"attributes": {
"url": "GoodsManager.html"
}
},
{
"id": 15,
"text": "添加商品出库",
"leaf": true,
"attributes": {
"url": "GoodsManager.html"
}
},
{
"id": 16,
"text": "商品出库审批",
"leaf": true,
"attributes": {
"url": "GoodsManager.html"
}
}
]
},
{
"id": 17,
"text": "授权管理",
"leaf": false,
"children": [
{
"id": 22,
"text": "授权",
"leaf": true,
"attributes": {
"url": "GoodsManager.html"
}
}
]
}
]
}
这是我的页面:
Ext.onReady(function () {
var tree_store = Ext.create('Ext.data.TreeStore', {
id: 'tree_store',
proxy: {
type: 'ajax',
url: 'Home/TreeDate',
reader: {
type: 'json',
root: 'bugs'
}
},
root: {
text: '部门',
expanded:true
},
autoLoad:true
});
var left = Ext.create('Ext.tree.Panel', {
renderTo:Ext.getBody(),
title: "菜单",
width: 200,
store: tree_store,
border: true
})
})

1个回答

图片说明 补充问题页面是这样的

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
用ExtJS 实现动态载入树(Load tree)
 用ExtJS  实现动态载入树(Load tree)1、  数据库背景:这里有一个组织机构表,结构如下:Oracle DDL脚本 :create table  ORGANIZATION(  ORGID       NUMBER(10) not null,  PARENTID    NUMBER(10) not null,  ORGNAME     VARC
extjs实现动态树加载菜单
extjs实现动态树加载菜单
Extjs动态树形菜单
Extjs动态树形菜单树形菜单在各种管理系统使用非常广泛,同时市面上也有很多框架提供了动态树形菜单的生成,正好最近有项目用到Extjs所以下面介绍基于Extjs的动态树形菜单。 程序环境:extjs 4.2+spring-boot 后续版本的应该差距不大 模块设计菜单分为三级菜单 secondleve(1)->(n)thirdlevel(1)->(n)fourthlevel彼此分别是一对多的关
Ext4使用总结(六)树的动态加载,分支的刷新
对于Ext4的树,与Ext.grid.Panel是属于同一个父类Ext.panel.Table,所有有树的有许多的基本特性可以参照Table和grid来学习,当然树也有自己的特性。如下图: 在树的动态加载,有如下配置: Tree的Store中需要的属性: autoLoad: true, root:{ id:null, text: "根节点",
EXTJS5的学习记录之TreePanel树的本地加载与异步加载
首先来创建一个store数据源  var store = Ext.create('Ext.data.TreeStore', { root: { expanded: false,//默认不展开 children: [ //这里是树的节点 有层级的 { text: "一级节点", leaf: true,id:'fir
ExtJs之结构树 Ext.tree.panel详细用法
1.简单的树 效果图 代码 [javascript] view plain copy print? "text/javascript" defer>      Ext.onReady(function(){          Ext.BLANK_IMAGE_URL = '/ext/resources/images/default/s.gif';    
Extjs 树的动态更改加载地址,以及动态加载已有子节点其他节点问题!
 要完成下图所示的效果,要涉及到很多问题,一:后台的数据是分到两个表里面的,一个部门表一个员工表!如果员工上千,这样一次全部加载会使得数据特别的慢!所以采用异步加载,比较合理!但是异步加载因为数据是放在两个表里面的,所以涉及到,数据加载源的问题!我的思路是这样的,展开根节点的时候一次性加载完所有部门,然后展开每个部门的时候再加载所属员工!这就有一个问题,加载部门是一个地方,加载员工
Ext3 动态加载Accordion布局面板和树菜单
Ext3 动态加载Accordion布局面板和树菜单
Extjs整体加载树节点
Ext.onReady(function () {             Ext.define('company', {                 extend: 'Ext.data.Model',                 fields: ['text']             });                          var treeStore1 =
Ext入门之---动态添加树节点
@{ Layout = null; } DynamicAddTreeNode Ext.require([ 'Ext.data.*', 'Ext.grid.*', 'Ext.tree.*' ]); var index =
extjs4 动态加载树
动态加载树与一次性加载所有节点树,在后台数据的区别在于children这个属性的存在与否。动态加载树还需要nodeParam这个属性作为加载后台时的参数。 有个问题很纠结,就是当新建了一个节点时,如果这个节点下面没有子节点,我希望在新建这个节点后就能立刻让它以叶子leaf节点的形式来展现(特征是图标的前面没有加号)。而当这个节点下我又新建了子节点时,它又能转化为非叶子节点。 然而冥思苦想了很久
ExtJs+JSP构造动态树
在实际生产中树的构造是需要根据后台数据库中存放的内容动态加载的,例如一个系统中,不同的角色有不同的权限,他们所能进行的操作也是不同的,如果需要构造一个树形结构展现某个角色所能进行的操作,这就用到了树形结构。 ExtJs提供了动态加载树形结构的机制,这里就用到了TreeStore动态加载,常用的动态加载数据格式有JSON和XML。 这里我们看一下如何使用JSON格式数据动态加载属性结构。 首先
extjs springMVC实现动态树形菜单
最近由于项目需要,做一个树形动态菜单,用extjs3 来做,结合springMVC,实现从后台动态的加载数据形成权限菜单。 一、数据表设计 首先是数据库的设计,数据库表是一张权限表(即菜单表),我把它设计成一张递归表,实现能显示父级菜单和子菜单的树形菜单, 表的设计如下: 使用pri_Id为外键,引用本表的主键,实现一张递归表。 二、Java代码中po类的设计 po类的设计对应
Extjs TreeStore无限制加载数据的问题
Ext.define('myKaiDun.model.sys.MenusModel', { extend : 'Ext.data.TreeModel', fields : [ 'id', 'text', 'leaf', 'url', 'expanded', 'children', 'menu' ] });Ext.create('Ext.data.TreeStore', {
extjs上方动态导航栏
extjs上方动态导航栏extjs上方动态导航栏extjs上方动态导航栏
extjs4 动态加载树菜单和相应的按钮是否显示 ,到对权限的控制粒度细化到按钮
初步想到对权限的控制的就是树菜单从数据库加载,同时也加载相应 增删改查 按钮setVisible和setDisabled的true or false值。 我这里演示用手动设置这些值模拟数据库查询到的值。 先说明一下,用setVisible和setDisabled来实现控制粒度细化到按钮有一点漏洞,setVisible可以通过修改html源码让它显示出来,不过setDisabled我暂时没发现,
动态加载树Extjs + asp.net
动态加载树Extjs + asp.net 对我的启发很大,共享一下
动态加载树动态加载树动态加载树
动态加载树动态加载树动态加载树动态加载树动态加载树动态加载树动态加载树动态加载树动态加载树动态加载树动态加载树
extjs6.2 树形菜单如何动态显示
1、使用静态数据     正常显示,效果2.使用代理方式    无法显示?大牛在哪里  江湖救急
Ext 动态加载 多选树
/** * name:Ext多选树* time:2011-3-11 author:向宇胜 */ Ext.onReady(function() { Ext.BLANK_IMAGE_URL = ctx + "/Script/ExtJs/resources/images/default/s.gif"; //Ext.util.CSS.swapStyleSheet("theme", ctx + "/Script/ExtJs/resources/css/xtheme-gray.css");
Extjs中的树形结构
结果图 树形结构extjs的类能完美解析,后台返回的只是简单list> 不过value里的内容要有关系,比如01,0101, 010101以此类推 讲完后台的数据格式再来讲前台的显示 解析树形核心代码:树形store,存储树形数据 var storeRights = Ext.create('Ext.data.TreeStore', { autoLoad: true, mo
【工作笔记】从零开始学ExtJs6( 四)—— 首页树状菜单和Tab页的实现
题外话 做一个项目要向完成对应的模块,肯定是先要有树形菜单结构,点击对应才dna跳转到相应界面,在extjs中如何实现。是上周遇到的一个小问题,现在做做记录app目录下创建data/menuData.json文件(需要的菜单格式) 大致格式 ... "body": [ { "menu": 1, "menuCode": "0001", "menuNa
ExtJs4问题笔记(二) Mvc模式Controller按需加载
开始为了这个问题查阅了很多文章,有些
关于修改extjs 树 前面的图标的问题,extjs 默认的是 文件夹的图标样子
<br />icon : String The path to an icon for the node. The preferred way to do this is to use the cls or iconCls attributes and add the icon via a CSS background image. 这个是直接指定一个图片路径 iconCls : String A css class to be added to the nodes icon eleme
ExtJS6 treegrid 一次加載数据后,点击展开仍然会从服务器取数据
Ext.create("Ext.tree.Panel", { flex: 1, store: { type: 'tree', fields: ['d_name', 'parentid', 'parentname', 'd_type',
ExtJs 4.x 学习小记:动态添加节点到Ext.tree.Panel
实现:页面中有一个表单,输入分类名称,保存成功后,左侧目录树上添加一个新的节点。 jsp代码 ,"././js/cataloginfo.js"为Ext创建表单的脚本 <%@ page language="java" contentType="text/html; charset=gb2312" pageEncoding="GBK"%> <% String optype=request
easyUi combotree 实现动态加载树节点
转载的文章: 1、easyui 1.2.4 2、按官方说明编写如下代码: selectid="cc"style="width:200px;">select> inputid="cc"value="01"> 3、现在我们来实现动态加载: 首先,以行政区划为例,combotree,假如我们每次访问都需要传入一个上级代码的areaId,easyui tree,现在我们来设
Ext2--含有树的下拉框(代码+图)
一.首先引入对象ComboBoxTree            ComboBoxTree = Ext.extend(Ext.form.ComboBox, {               passName : 'id',               allowUnLeafClick : true,               // tpl: '', //html代码
ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素
问题:ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素解决办法:首先获取到后台数据,然后重写(重新创建)store,store里面需要加上root:{expanded:true,children:data(后台获取的数据)},然后再创建tree;试过了下面这种方法会报错    new Ext.tree.TreePanel({ anim...
extjs tree 展开指定层级
extjs 有个通用方法expandAll是展开树的所有节点,当树的节点很多的时候,展开就不是很慢,容易卡的页面,可以展开部分节点的方式实现。具体函数是 expandPath function expand(){ var tree = Ext.getCmp("tree"); //var rootNode = tree.getRootNode(); //var childNodes
ext js 重新加载树
ext js 创建树 var Tree = Ext.tree;             deptTree = new Tree.TreePanel({          el : elementId,          autoScroll:true,          animate:true,          enableDD:true,          containerScroll:
extjs4-多选下拉树
1、comboTree.js Ext.define("Ext.ux.comboboxtree",  {       extend: "Ext.form.field.Picker",       requires: ["Ext.tree.Panel"],      alias: 'widget.checkcombo',     xtype: 'comboboxtree',     hi
关于实现Extjs动态加载类的方式实现
Extjs4以前的版本没有动态加载类的方式,这样开发程序的时候加载很多的js会导致加载变慢,由于本人一直使用extjs3的版本进行开发,于是简单实现了一个动态加载类的管理器,使用方式与extjs4的方式有些类似,在每一个类中需要使用其他类的时候像java一样先improt再使用。先看使用方式: Java代码   Ext.setPath("ThinkOA", "app");//将
基于Xml的动态加载树
基于Xml的动态加载树 动态加载树 Xml树
【ExtJS】修复tree重复加载Bug
treepanel,不管autoLoad什么值,都会先加载。 若再设置autoLoad为true,则再加载一遍。 属bug,官方v4版本有人提,v5中仍未解决。 解决方法:设置autoLoad为false,增加beforeload阻止由expand触发的load,自己调用load,可放在panel#afterRender中触发。 //viewModel stores
extjs动态和静态加载下拉框
//加载组 var portStore = new Ext.data.Store({ autoLoad : false, proxy : new Ext.data.HttpProxy({ url : './t
extjs 树 搜索
extjs 树 搜索extjs 树 搜索vvextjs 树 搜索extjs 树 搜索extjs 树 搜索extjs 树 搜索extjs 树 搜索
ExtJS Tree刷新后自动展开并选择节点
Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../js/extjs/3.2.0/resources/images/default/s.gif'; Ext.chart.Chart.CHART_URL = '.
ExtJS 创建动态加载树
Ext 中导航树的创建有两种方式:1、首先将所有的数据读出来,然后绑定到前台页面。2、每点击一个节点展开后加载子节点。在数据量比较小的时候使用第一种方式加载的会快一些,然而当数据量比较大的时候,我还是建议使用第二种方式的。这里我就来介绍一下第二种树的展示方式。 源码奉上:1 //创建model 2 Ext.define("treeModel",{ 3   extend:"Ext.data
Extjs树的动态加载
Extjs树的动态加载http://myhothat.blog.163.com/blog/static/12420707620099169711838/?fromdm&isFromSearchEngine=yes1.页面jsExt.onReady(functi
Extjs动态加载树
 //树 var ReadyFun = function(){  function treeNodeClickPage(){   Ext.apply(pageUserStore.proxy.extraParams, {       groupId : currentRecord.raw['id']   });   pageUserStore.loadPage(1);   Ext
ExtJs4.0 MVC模式动态加载
刚刚进公司,经理要我学习ExtJs,一直看不是我一贯的作风,所以就找点例子自己做做。 用了几个星期的度娘,google,终于还是有点收获的。自己用ExtJs4.0基于MVC模式做了一个小小的列子。 列子里面的数据并没有和数据库交互,只是在后台模拟了数据。编程工具用的是EasyEclipse,废话不多说。直接进正题。 都说无图无真相,先来几张图
7、ExtJs——Ext基础架构--动态加载js文件--很重要
Ext4.X提供的一大亮点就是Ext.Loader这个类的动态加载机制,只要遵循路径规范
[extjs3.4]延迟、动态加载js文件
var aryJS = [ 'Scripts/Ext.lib.Ajax.getConnectionObject.js', 'Scripts/TabCloseMenu.js', 'Scripts/test.js' ]; Ext.Loader.load(aryJS, function() { alert('js injected!'); }, window, true);
ExtJs 按需动态加载(多app模式)
主要介绍ExtJs动态加载的解决办法,主要提到了两种解决方法,另外解决在4.1版本中事件监听失效的问题。
ext tree 异步加载取消自动加载功能。
今天在一个面板上面嵌套了一个treepanel,需要得到当前的id后发送到后天获取值,这时候就不要treestore的自动加载了,我是用到异步加载的。 解决办法把下面代码注释掉: Ext.define("Sharera.system.store.directory.UnitTree",{ extend:'Ext.data.TreeStore', model: 'Sharera.system
Extjs动态生成表头
原文:Extjs动态生成表头 源代码下载地址 var cm = [{ header : "编号", dataIndex : "id", width : 65 }, { header : "名称", dataIndex : "name", width : 65 },
ExtJS 4动态加载组件
      这功能不错,相当使用,不用再为动态更换组件仇了,代码很简单就不多说了。 1  2  3  4      加载组件 5          
下拉列表的二级联动(ExtJs)
//下面的方法是创建一个下拉列表的二级联动组件,并扔到原先的面板中expansion : function(cfg){ var typeCombStore = new Ext.data.JsonStore({     //一级列表数据 fields : ['value', 'text'], data : [{ 'value' : 1, 'text' : '一类...
extjs4.x tabpanel 动态加载panel和html例子
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能
相关热词 c#如何定义数组列表 c#倒序读取txt文件 java代码生成c# c# tcp发送数据 c#解决时间格式带星期 c#类似hashmap c#设置istbox的值 c#获取多线程返回值 c# 包含数字 枚举 c# timespan
立即提问