ext4.js tree从服务器加载数据

来源：互联网发布：电脑安全软件知乎编辑：程序博客网时间：2024/05/17 21:03

文笔不好直接上代码：

Ext.require( [ 'Ext.tree.*', 'Ext.data.*' ]);

Ext.onReady(function() {

   var store = Ext.create('Ext.data.TreeStore', {
       proxy : {
           type : 'ajax',
           url : 'treeData.jsp',
           extraParams : {
               isXml : true
           },
           reader : {
               type : 'json',
               //               root : 'body',
//               record : 'text'
           }
       //           reader : {
       //               type : 'xml',
       //               root : 'body',
       //               record : 'notes'
       //           }
       },
       sorters : [ {
           property : 'leaf',
           direction : 'ASC'
       }, {
           property : 'text',
           direction : 'ASC'
       } ],
       root : {
           text : 'Ext JS',
           id : 'src',
           expanded : true
       }
   });

   // create the Tree
       var tree = Ext.create('Ext.tree.Panel', {
           store : store,
           hideHeaders : true,
           rootVisible : true,
           viewConfig : {
               plugins : [ {
                   ptype : 'treeviewdragdrop'
               } ]
           },
           height : 350,
           width : 400,
           title : 'Directory Listing',
           renderTo : 'tree-example',
           collapsible : true
       });
   });

treeData.jsp返回的数据

response.getWriter().write("[{id:'1',text:'ddd',leaf:true},{id:'2',text:'第二个节点',expand:true,children:[{'id':4,leaf:true,text:'孩子'}]}]");格式与在js中编写的格式相同！