ExtJS 树面板绑定答案

【问题标题】：ExtJS Tree panel bindingExtJS 树面板绑定
【发布时间】：2011-05-11 00:09:04
【问题描述】：

我用 TreePanel 设计了一个 ExtJS 组合

如何从数据库绑定treePanel（请提供任何示例代码）如何将 url 提供给 treepanel 以及如何设置为父子...

提前致谢

【问题讨论】：

标签： extjs

【解决方案1】：

这是一个简单的树：

var tree= new Ext.tree.TreePanel({
    renderTo: Ext.getBody(),
    height: 300,
    useArrows: true,                    
    animate: true,
    border: false,
    root: {
        nodeType: 'async',
        text: 'Gallery',
        draggable: false, 
        id: '0'                       
    },
    loader: {
        url: '/Url to your server side for getting your tree data',
        requestMethod: 'GET'
    },
});

您需要对服务器端进行编码以将树数据作为 json 返回。这是一个例子：

[
  {id:'1',text:'First Data',leaf:true},
  {id:'2',text:'Second Data',leaf:true}
]

如果您需要使用 API 更改或设置 URL，您可以这样做：

treeObject.getLoader().url = "/Your new Url to server side";

大部分时间我们通过 URL 加载新节点。没有用于创建父级或子级的特定 API。你能解释一下你想做什么吗？

【讨论】：