extjs4 tree 的问题

问题描述

varstore=Ext.create('Ext.data.TreeStore',{id:"treestore",proxy:{type:'ajax',url:'test.dt',reader:{type:'json',root:'info'}},root:{expanded:true}});Ext.create('Ext.tree.Panel',{title:'SimpleTree',width:200,height:150,store:store,id:"treePanel",rootVisible:true,renderTo:Ext.getBody(),listeners:{beforerender:function(){},load:function(store,operation,options){}}});json数据为{"success":true,"info":{"id":"id1","text":"AAAAAAA","expand":true,"info":[{"id":"id2","text":"BBBBBB"}]}}我把reader里面的root改为info.info就不显示,不知道什什么原因?

解决方案

解决方案二:
root改为info显示吗
解决方案三:
可以,会把info.info里面的数据也加载上去。引用1楼zhuni_xingfu的回复:

root改为info显示吗

解决方案四:
可能是因为info.info里面是数组不是json对象
解决方案五:
如果只用到info.info里面的数据,其他数据又不能去掉,该如何写呢?引用3楼langjian305的回复:

可能是因为info.info里面是数组不是json对象

解决方案六:
上次搞错啦给store的值貌似就该是数组你那样应该可以的啊root:"info.info"
解决方案七:
关键就是不行,不知道什么原因,浏览器显示说info不能读。引用5楼langjian305的回复:

上次搞错啦给store的值貌似就该是数组你那样应该可以的啊root:"info.info"

解决方案八:
这就怪了我今天还特意试了一下我这边可以的root可以用对象.属性的还可以数组xxx[i]的形式或者xxx[i].属性我都试了store都能取到值不知道你这边什么情况但是如果实在不行那你就root:"info"吧然后再对这个store里面的值操作一下
解决方案九:
能不能把你的代码和json数据发来看看?引用7楼langjian305的回复:

这就怪了我今天还特意试了一下我这边可以的root可以用对象.属性的还可以数组xxx[i]的形式或者xxx[i].属性我都试了store都能取到值不知道你这边什么情况但是如果实在不行那你就root:"info"吧然后再对这个store里面的值操作一下

解决方案十:
代码在公司电脑明日发你
解决方案十一:
先谢谢了,这个问题困扰我好几天了。引用9楼langjian305的回复:

代码在公司电脑明日发你

解决方案十二:
varmyQuestionStore=Ext.create("Ext.data.Store",{model:'questionModel',pageSize:10,proxy:newExt.data.HttpProxy({type:"ajax",url:securedwebroot+'question/query',extraParams:{type:'',categoryId:'',createtimeStart:'',createtimeEnd:'',keyword:''},reader:{type:'json',root:'records[0].choice',totalProperty:'reason'}})});myQuestionStore.on('load',function(){alert(Ext.encode(myQuestionStore.getAt(0).data));});这个是json数据{"reason":"30","success":true,"records":[{"categoryId":2,"createUser":"新世基操作员D","createTimeStart":null,"createTimeEnd":null,"lastModifyUser":"新世基正管理者","createTime":"2011-09-2814:26:37","lastModifyTime":"2011-10-2609:47:27","selectedCount":0,"categoryName":null,"choice":[{"type":10,"version":44,"sequence":1,"orgId":1,"name":"2","id":273},{"type":10,"version":44,"sequence":2,"orgId":1,"name":"3","id":274},{"type":20,"version":22,"sequence":6,"orgId":1,"name":"13","id":689},{"type":10,"version":43,"sequence":3,"orgId":null,"name":"hhh","id":729},{"type":10,"version":43,"sequence":4,"orgId":null,"name":"ff","id":730},{"type":10,"version":43,"sequence":5,"orgId":null,"name":"45","id":731}],"removedChoice":null,"type":10,"level":23,"version":44,"status":1,"orgId":1,"name":"4+3=?","id":277}数据比较多截了一点,,,下面是alert的store值:{"id":273,"type":10,"name":"2","level":"","choice":"","createUser":"","categoryId":"","createTime":"","lastModifyUser":"","lastModifyTime":"","isRequired":true}
解决方案十三:
这样他是可以得到数据的,只是得到的数据不能在树里面显示!你可以再写个树试试。引用11楼langjian305的回复:

varmyQuestionStore=Ext.create("Ext.data.Store",{model:'questionModel',pageSize:10,proxy:newExt.data.HttpProxy({type:"ajax",url:securedwebroot+'question/query',extraPa……

解决方案十四:
加我好友吧QQ:459738386treestore的好像要有text属性和children属性的

时间: 2024-09-27 14:44:04

extjs4 tree 的问题的相关文章

extjs4-EXTJS4 tree为什么不显示子菜单

问题描述 EXTJS4 tree为什么不显示子菜单 ""treeJson"":[{""id"":1text"":""个人中心""children"":[{""id"":3text"":""新建任务""leaf"":truechec

带CheckBox的Extjs ComboboxTree

实现效果如下: Ext.onReady(function() { //自定义扩展一个带Tree的comboBox Ext.ux.LovTreeCombo = Ext.extend(Ext.form.ComboBox, { initList: function() { this.list = new Ext.tree.TreePanel({ floating: true, autoHeight: false, autoExpand: true, height: , rootVisible: fal

Extjs4中tree的拖拽功能简单实例

这篇文章主要介绍了Extjs4中tree的拖拽功能简单实例,有需要的朋友可以参考一下 代码如下: //只要要在treepanel中配置一下viewConfig即可,如果是两棵树之间,两棵树都要配置     viewConfig:{    plugins :{     ptype:'treeviewdragdrop',     appendOnly:true   //只能拖着带非叶节点上    },    listeners:{//监听器     drop:function(node,data,o

extjs4.2 tree panel 重复加载!

问题描述 extjs4.2 tree panel 重复加载! 这是后台返回的JSON {"mytree":[{"description":"faffaf","name":"wafa","children":[{"description":"wowowo","name":"hahaha","leaf&

Extjs4.x ,tree.getStore().load(); 重复加载多次的问题,

问题描述 使用 tree.getStore().load() 时,虽然最后都重新加载了,但居然会访问服务器十多次,这可如何是好?关键自带如下:var store = Ext.create('Ext.data.TreeStore', {fields:[{name:"url",type:"string"},{name:"pids",type:"string"},{name:"text",type:"s

Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例_javascript技巧

复制代码 代码如下: //只要要在treepanel中配置一下viewConfig即可,如果是两棵树之间,两棵树都要配置    viewConfig:{   plugins :{    ptype:'treeviewdragdrop',    appendOnly:true   //只能拖着带非叶节点上   },   listeners:{//监听器    drop:function(node,data,overModel,dropPosition,options){     //ajax的操作

EXTJS4.0视频教程(网盘下载)

ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架. 功能丰富,无人能出其右. 无论是界面之美,还是功能之强,ext的表格控件都高居榜首. 单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现. 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能. 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,gr

《Ext JS 4 First Look》翻译之五:Grid、Tree和Form   

5.1. Grid panel      Grid应该是我们在开发时使用的最多的组件之一.Extjs4对其进行了重大的改进.      Extjs4与Extjs3的Grid生成不同的HTML.Sencha称其为智能渲染(Intelligent Rendering).Extjs3中即使不需要Grid的所有特性,它也会生成整套HTML.而Extjs4就只会渲染Grid所用到的特性,这样就使 渲染最小化且提高了性能.      在学习Extjs4中Grid的新特性前,让我们先了解在Extjs4中如何创

《Ext JS 4 First Look》翻译之五:Grid、Tree和Form

<Ext JS 4 First Look>翻译之五:Grid.Tree和Form      至此我们已经学习了Data包和布局等API.下面我们来学习作为Extjs框架中我们用得最多的用来展现数据的Grid.Tree和Form吧! 目录: 5.1. Grid panel 5.1.1. Columns 5.1.2. Feature 5.1.2.1. Ext.grid.feature.Grouping 5.1.2.2. Ext.grid.feature.Summary 5.1.2.3. Ext.g