从保存在全局常量中的 xmlDocument 创建 Extjs 树面板答案

【问题标题】：Creating Extjs tree panel from xmlDocument which is saved in global constant从保存在全局常量中的 xmlDocument 创建 Extjs 树面板
【发布时间】：2017-01-04 05:47:19
【问题描述】：

我正在努力在 Extjs 版本 3.2.1 中创建树形面板，我有代码可以从 xml 文档（tree.xml）构建一个树，它在我的服务器中可用，工作正常。

但我处于新情况，我的响应保存在全局常量变量中

从 Ext.Ajax 请求我得到响应并保存如下

global_const = response.responseXML;

我的问题是，我怎样才能将这个 global_const 传递给 treeloader？

任何帮助和建议都非常感谢

【问题讨论】：

标签： javascript extjs extjs3 treepanel

【解决方案1】：

我用json代替xml

var Tree = Ext.tree;

    var tree = new Tree.TreePanel('tree', {
        animate:true,
        enableDD:false,
    loader: new Tree.TreeLoader(), // Note: no dataurl, register a TreeLoader to make use of createNode()
    lines: true,
    selModel: new Ext.tree.MultiSelectionModel(),
        containerScroll: false
    });


    // json data describing the tree
    var json = 
[ 
 {"text" : "Audi", "id" : 100, "leaf" : false, "cls" : "folder", "children" : [ 
    {"text" : "A3", "id" : 1000, "leaf" : false, "cls" : "folder", "children" : 
        [ {"text" : "Fuel Economy", "id" : "100000", "leaf" : true, "cls" : "file"},
          {"text" : "Invoice", "id" : "100001", "leaf" : true, "cls" : "file"},
          {"text" : "MSRP", "id" : "100002", "leaf" : true, "cls" : "file"},
          {"text" : "Options", "id" : "100003", "leaf" : true, "cls" : "file"},
          {"text" : "Specifications", "id" : "100004", "leaf" : true, "cls" : "file"}
        ]
    },
    {"text" : "TT", "id" : 1000, "leaf" : false, "cls" : "folder", "children" : 
        [ {"text" : "Fuel Economy", "id" : "100000", "leaf" : true, "cls" : "file"},
          {"text" : "Invoice", "id" : "100001", "leaf" : true, "cls" : "file"},
          {"text" : "MSRP", "id" : "100002", "leaf" : true, "cls" : "file"},
          {"text" : "Options", "id" : "100003", "leaf" : true, "cls" : "file"},
          {"text" : "Specifications", "id" : "100004", "leaf" : true, "cls" : "file"}
        ]
    }]
 },
 {"text" : "Cadillac", "id" : 300, "leaf" : false, "cls" : "folder", "children" : [ 
    {"text" : "CTS", "id" : 1000, "leaf" : false, "cls" : "folder", "children" : 
        [ {"text" : "Fuel Economy", "id" : "100000", "leaf" : true, "cls" : "file"},
          {"text" : "Invoice", "id" : "100001", "leaf" : true, "cls" : "file"},
          {"text" : "MSRP", "id" : "100002", "leaf" : true, "cls" : "file"},
          {"text" : "Options", "id" : "100003", "leaf" : true, "cls" : "file"},
          {"text" : "Specifications", "id" : "100004", "leaf" : true, "cls" : "file"}
        ]
    },
    {"text" : "CTS-V", "id" : 1000, "leaf" : false, "cls" : "folder", "children" : 
        [ {"text" : "Fuel Economy", "id" : "100000", "leaf" : true, "cls" : "file"},
          {"text" : "Invoice", "id" : "100001", "leaf" : true, "cls" : "file"},
          {"text" : "MSRP", "id" : "100002", "leaf" : true, "cls" : "file"},
          {"text" : "Options", "id" : "100003", "leaf" : true, "cls" : "file"},
          {"text" : "Specifications", "id" : "100004", "leaf" : true, "cls" : "file"}
        ]
    }]
 }

];

    // set the root node
    var root = new Tree.AsyncTreeNode({
        text: 'Autos',
        draggable:false,
        id:'source',
        children: json
    });

    tree.setRootNode(root);

    tree.render();
    root.expand();

【讨论】：