extjs4 怎么实现动态加载树

时间:2023-02-05 19:53:37
extjs4 怎么实现动态加载树  我点击一个节点 传一个id 到数据库查询下面子节点数据


高手指点下!!!

9 个解决方案

#1


 Ext.onReady(function () {
             var store = Ext.create('Ext.data.TreeStore', {
                 proxy: {
                     type: 'ajax',
                     url: 'data.htm' 
                 },
                 root: {
                     text: 'Ext JS',
                     id: 'id'                     
                 }
                
                 
             });

             var tree = Ext.create('Ext.tree.Panel', {
                 id: 'tree',
                 store: store,
                 width: 250,
                 height: 300,                
                 renderTo: document.body
             });

            
         });

#2



 Ext.onReady(function () {
             var store = Ext.create('Ext.data.TreeStore', {
                 proxy: {
                     type: 'ajax',
                     url: 'data.htm' 
                 },
                 root: {
                     text: 'Ext JS',
                     id: 'id'                     
                 }
                
                 
             });

             var tree = Ext.create('Ext.tree.Panel', {
                 id: 'tree',
                 store: store,
                 width: 250,
                 height: 300,                
                 renderTo: document.body
             });

            
         });

#3


引用 2 楼 lsw645645645 的回复:
JScript code

 Ext.onReady(function () {
             var store = Ext.create('Ext.data.TreeStore', {
                 proxy: {
                     type: 'ajax',
                     url: 'data.htm'……




点击子节点再加载  怎么搞这个事件

#4


它默认已经就是点击再加载了呀

#5


该回复于2011-06-27 09:49:18被版主删除

#6


该回复于2012-02-15 16:37:36被版主删除

#7


引用 4 楼  的回复:
它默认已经就是点击再加载了呀

你这样回答还不如不回答,我明白1楼问题的含义,他是说,中间传递的json不是一个整体,而需要的才生成,送到前端加载。这在树结点很多,层次很深时,确有必要的,但怎么做,可能要看sencha的原文档了,百度上没有搜到这类资料。

#8


store中增加以下属性:
nodeParam : 'id'

并且在store的proxy中加入以下属性:
reader : {
    type : 'json',
    root : 'trees'//根据后台传输的json格式来设置。
}

#9


哥们解决了吗?怎么解决的交流一下吧

#1


 Ext.onReady(function () {
             var store = Ext.create('Ext.data.TreeStore', {
                 proxy: {
                     type: 'ajax',
                     url: 'data.htm' 
                 },
                 root: {
                     text: 'Ext JS',
                     id: 'id'                     
                 }
                
                 
             });

             var tree = Ext.create('Ext.tree.Panel', {
                 id: 'tree',
                 store: store,
                 width: 250,
                 height: 300,                
                 renderTo: document.body
             });

            
         });

#2



 Ext.onReady(function () {
             var store = Ext.create('Ext.data.TreeStore', {
                 proxy: {
                     type: 'ajax',
                     url: 'data.htm' 
                 },
                 root: {
                     text: 'Ext JS',
                     id: 'id'                     
                 }
                
                 
             });

             var tree = Ext.create('Ext.tree.Panel', {
                 id: 'tree',
                 store: store,
                 width: 250,
                 height: 300,                
                 renderTo: document.body
             });

            
         });

#3


引用 2 楼 lsw645645645 的回复:
JScript code

 Ext.onReady(function () {
             var store = Ext.create('Ext.data.TreeStore', {
                 proxy: {
                     type: 'ajax',
                     url: 'data.htm'……




点击子节点再加载  怎么搞这个事件

#4


它默认已经就是点击再加载了呀

#5


该回复于2011-06-27 09:49:18被版主删除

#6


该回复于2012-02-15 16:37:36被版主删除

#7


引用 4 楼  的回复:
它默认已经就是点击再加载了呀

你这样回答还不如不回答,我明白1楼问题的含义,他是说,中间传递的json不是一个整体,而需要的才生成,送到前端加载。这在树结点很多,层次很深时,确有必要的,但怎么做,可能要看sencha的原文档了,百度上没有搜到这类资料。

#8


store中增加以下属性:
nodeParam : 'id'

并且在store的proxy中加入以下属性:
reader : {
    type : 'json',
    root : 'trees'//根据后台传输的json格式来设置。
}

#9


哥们解决了吗?怎么解决的交流一下吧