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

今天药忘吃喽~ 2022-01-23 11:21 172阅读 0赞

文笔不好直接上代码：

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中编写的格式相同！