最近在研究extjs,
请教高手给发个 tree 的demo
------解决方案--------------------
晕,看demo啊
静态树还是动态树啊
动态树的发送格式必须这样
异步树
[{id:1,text:'node',leaf:true},{id:2,text:'parent',leaf:false},{id:3,text:'node',leaf:true}]
这里注意{id:2,text:'parent',leaf:false}代表他不是叶子节点
------解决方案--------------------
~~~~~~~~~~~~~
仔细去看extJs的Demo!!!
暂时先保留动态树的构建方法。等你看明白DEMO了,我再给你~~~~到时候MSN我就可以了。
------解决方案--------------------
看demo吧
------解决方案--------------------
ext-2.0/examples/tree/下的例子都不好用么?
------解决方案--------------------
- JScript code
Ext.onReady(function(){ var tree=new Ext.tree.TreePanel({ el:'tree-doc', frame:true, title:'A doc tree', width:400, //动态的加载数据URL 返回的必须是JSON //loader:new Ext.tree.TreeLoader({url:"../pagination.do"}) loader: new Ext.tree.CustomUITreeLoader({ dataUrl:'jsondata.txt', baseAttr: { uiProvider: Ext.tree.CheckboxNodeUI } }), autoScroll:true,//如果树的高超出这个树的面板 则自动显示滚动条 animate:true,//动态显示 enableDD:true,//支持拖放 rootUIProvider: Ext.tree.CheckboxNodeUI, selModel:new Ext.tree.CheckNodeMultiSelectionModel(), containerScroll: true//这个不知道有什么用的 }); //AsyncTreeNode 会延迟加载没有展开的节点 认为凡是leaf不为true的都要延迟加载 var root=new Ext.tree.AsyncTreeNode({ text:'root', icon:'img/viewPic.gif', draggable:false//false表示这个节点将不能被拖拽 }); tree.setRootNode(root); //为树上的节点添加事件 tree.on('click',function(node){ Ext.Msg.alert('This node id is:',node.id); }); tree.render(); root.expand(false,true); });