ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素
2017-08-10 11:25
645 查看
问题:ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素
解决办法:首先获取到后台数据,然后重写(重新创建)store,store里面需要加上root:{expanded:true,children:data(后台获取的数据)},然后再创建tree;
试过了下面这种方法会报错
new Ext.tree.TreePanel({animate:false,autoScroll:true,containerScroll:true,border:false,height:300,useArrows:true,animCollapse:false,root:{nodeType:“async”,id:“root”,expanded:false},loader:new Ext.tree.TreeLoader({url:“”,baseParams:{root:“productLine”}}),rootVisible:false})
最后的解决方法代码贴下面:
解决办法:首先获取到后台数据,然后重写(重新创建)store,store里面需要加上root:{expanded:true,children:data(后台获取的数据)},然后再创建tree;
试过了下面这种方法会报错
new Ext.tree.TreePanel({animate:false,autoScroll:true,containerScroll:true,border:false,height:300,useArrows:true,animCollapse:false,root:{nodeType:“async”,id:“root”,expanded:false},loader:new Ext.tree.TreeLoader({url:“”,baseParams:{root:“productLine”}}),rootVisible:false})
最后的解决方法代码贴下面:
Ext.Ajax.request({ url: url,//请求durl method: "GET", // jsonData: paramObj, autoLoad: false, ContentType: 'application/json;charset=utf-8', success: function(response, opts) { if (response.responseText) { var resText = JSON.parse(response.responseText); if (resText.success ==true) { data =resText.data; //创建store (主要是加上root) var store = Ext.create('Ext.data.TreeStore', { root: { expanded: true, children: data } }); //创建treePanel var tree = Ext.create('Ext.tree.Panel', { alias:'widget.treePanelStore', title: '会员', width: 200, height: 500, store: store, rootVisible: false, renderTo: Ext.getBody() }); //树节点监听事件 tree.on('itemclick', function(view, record, item, index, e, opts) { }) form.add(tree);//添加到panel } else { Ext.Msg.alert("失败", '加载失败,请稍后再试!'); } } else {
Ext.Msg.alert("失败", '加载失败,请稍后再试!');} }, failure: function(response) { },
相关文章推荐
- ztree实现异步加载(点击节点,请求后台数据,添加数据到对应节点)
- Extjs6 treepanel store无法加载请求后台URL数据bug
- 7. Orcle树形结构(类似数据字典有父子类关系),查询末节点的所有记录
- extjs4.2点击树形菜单生成tab页并访问发送请求
- MVP框架+RXJava+reftorfit请求网络数据+XRecycleView多条目展示(banner轮播+条目展示、刷新加载)、点击事件+fresco图片加载
- thinkphp5带分组功能的树形结构的无限级分类节点展示
- 根据父级编号获取无限树结构数据表中所有子节点的数据
- Extjs4.2 表格动态数据加载,以及动态选择分页条目,前后台详解
- js对js加载拼接的html代码中元素添加ajax方法请求后台数据
- ORACLE 树形结构数据 查询某结点下全部子节点无限递归的前2个数据
- ExtJs 4.2 treePanel 点击树节点 传送参数到后台(多个参数)
- extjs4.2点击树形菜单生成tab页并访问发送请求
- 树形此博文包含图片结构数据后台处理:一次循环生成树
- 树形结构数据后台处理:一次循环生成树
- 树形结构数据后台处理:一次循环生成树
- 点击侧滑任何一个 菜单项,请求网络数据展示在主界面的xlistview中且实现下拉刷新效果和上拉加载的分页加载数据效果
- 【java基础 5】树形结构数据加载的思考
- Vijava 学习笔记之数据中心下(集群和非集群的资源池和ESXI)树形结构展示
- Extjs 点击一次button触发多次请求
- RecyclerView展示固定数据、上拉加载更多、下拉刷新、点击事件、长按点击事件、删除条目、刷新条目、添加条目、多条目加载