2 qq 35451798 qq_35451798 于 2017.01.11 16:01 提问

关于Extjs4.2 tree异步加载的问题

在工作上遇到一个数据量毕竟的大的数据源大概有1w5左右。要把它加载到extjs的中tree中
怎么使用异步加载。求大神赐教。下面是代码
![图片说明](https://img-ask.csdn.net/upload/201701/11/1484121645_658285.png)图片说明

4个回答

lihongbiao0610
lihongbiao0610   Rxr 2017.01.12 09:27
已采纳

主要是后台代码:
tree节点默认关闭状态,点击节点展开的时候自动会访问后台,并将此节点的id传到后台,
后台地址Macdrawing/GetAfTreeAll要接收一个node的参数,为前台树节点的id,
判断id的值返回不同的下级节点的数据,数据格式如下
[
{"id";"1",text:"a",leaf:true},
{"id";"2",text:"b",leaf:false},
{"id";"3",text:"c",leaf:false,children:[{}]},
]
其中a节点为叶子节点,不能继续展开;
b节点为非叶子节点,可以继续展开,会自动访问后台
b节点为非叶子节点,可以继续展开,但不会访问后台,而是显示children中的数据

qq_35451798
qq_35451798 后台的这一步我已经实现拉,但是返回到页面上的时候怎么加载到ExtjsTree里呢。我主要是被这个问题卡住拉
一年多之前 回复
qq_35451798
qq_35451798   2017.01.11 16:06

图片说明

u013829202
u013829202   Rxr 2017.01.11 19:26

tree节点默认关闭状态,点击节点再展开去加载子节点。 速度会快点

qq_35451798
qq_35451798 怎么实现呢,我刚刚用extjs这个控件,不知道怎么实现异步加载
一年多之前 回复
qq_35451798
qq_35451798   2017.01.13 08:12

大哥大姐们,各位技术大牛。有木有人帮助我一下下,这个问题已经困扰拉一个多星期拉

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
extjs4.2 动态加载树 treePanel
extjs4.2 动态加载树 treePanel(第一种方法)         由于项目的需求,需要写一个动态的树(treePanel),具体的数据从数据库中查询出来,搞了我差不多两天的时候,都没有能够在extjs的前台正确的显示出来,网上参考了无数例子,修改了N多遍,都是无法实现。采用了两种方法,一种就是在前台获取数据以后,使用treeNode,郁闷的是extjs4.0以后就没有t
ExtJS4.2 TreeGrid 的用法
ExtJS TreeGrid 的用法 TreeGrid 就是在Grid中显示类似Tree的结构,例如: 在ExtJS 4.x版本中,该功能已经包含在了TreePanel中,所以我们可以方便的使用。我代码中使用的是目前最新版本的ExtJS 4.2 首先需要定义Model。通常我们的Model都是从Ext.data.Model继承,现在我们需要继承自 Ex
EasyUI实现异步加载tree(整合Struts2)
首先jsp页面有一ul用于展现tree 1.extends是json-default,表示返回json对象格式。 2.result中param的name为root,里面设置的值就是action中要返回的JSON对象
easyui异步加载tree的问题
想要实现从本地中加载json文件,通过事件来动态的插入到ul中时,遇到了一小bughtml中代码是这样的<ul class="easyui-tree" id="tt"></ul>js中的代码$(".next-menu:nth-child(1) a").click(function() { var $IDstr = $(this).attr("id"),
ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素
问题:ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素解决办法:首先获取到后台数据,然后重写(重新创建)store,store里面需要加上root:{expanded:true,children:data(后台获取的数据)},然后再创建tree;试过了下面这种方法会报错    new Ext.tree.TreePanel({ anim...
extjs4.2 treePanel 实现动态的增、删、改
关于树是怎么生成的我就不解释了 我们主要讲的是 treePanel 实现动态的增、删、改 首先我们要有一个树 然后在树上加入监听事件: listeners: { checkchange: function(node, checked) { node.
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', {
angular tree 异步加载下一级菜单 的正确修改方式
angular-bootstrap-nav-tree 异步请求下一级菜单,需要对指令进行修改。实现了好开心,和记录下,以备事后遗忘。
spring mvc easyui tree 异步加载
使用spring mvc 注解 异步加载一棵树 jsp: ul id="orgInfoTree">ul> $(function(){ loadOrgTree(); }); function loadOrgTree(){ $('#orgInfoTree').tree({ checkbox: true, lines:true,
异步加载(tree)
今天就来写一下异步加载,如何加载出一棵树来,效果图虽然不是原图,但差不多就是这个效果: 我用的是ssm框架写的,dao方法如下:@ResultMap(value = "sqlStusMap") public List<Store_management>query4Lists(@Param("paramMap")Map<String,Object> map); 其对应的xml:<?xml v