新建一棵树
var Tree = Ext.tree;
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
var tree1 = new Tree.TreePanel(
{
el:'tree-content-div',
border:false,
autoScroll:true,
animate:true,
enableDD:true,
containerScroll: true,
rootVisible:false,
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
loader: new Tree.TreeLoader(
{
dataUrl:'RemoteHandlers/GetContentMenu.aspx'
})
});
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
tree1.on('click', function (node)
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(node.isLeaf())
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
Ext.get('center-iframe').dom.src = node.attributes.hrefTarget; }else
{
node.toggle(); }
});
//tree1.on('beforeload', function (node){
//tree1.loader.dataUrl = 'RemoteHandlers/GetSystemMenu.aspx';
//});
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
var root1 = new Tree.AsyncTreeNode(
{
text: '内容管理',
draggable:false,
id:'source1'
});
tree1.setRootNode(root1);
tree1.render();
root1.expand();
rootVisible:指是否显示根节点
#2008-04-21#
TreeLoader其实就是一个类似JSON的数据
关于JSON的生成,其实网上有很多现成的类可以使用,大家可以到http://www.json.org/去看看,里面有针对不同的语言的生成方式等!
但是要注意的是JSON数据的字段名称的单引号或者双引号不能要,如:
strs.Append("[");
foreach (ModuleType mt in ilModuleType)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
{
strs.Append("{");
strs.Append("id:'" + mt.Id + "',");
strs.Append("text:'" + mt.Name + "',");
strs.Append("leaf:false");
AddSubNodes(mt, s, strs); //添加子节点
strs.Append("},");
}
tmp = strs.ToString();
tmp = tmp.Replace("}{", "},{");
tmp = (tmp.Substring(tmp.Length - 1) == ",") ? tmp.Substring(0,tmp.Length-1)+"]" : "";
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
注意:上面的ModuleType 和 ilModuleType都是我的对象或者变量