ext中tree以及viewport的使用方法

最新推荐文章于 2017-08-22 16:32:00 发布

原创最新推荐文章于 2017-08-22 16:32:00 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

ajax相关专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用ExtJS框架创建的简单树形面板示例，包括按钮和带有异步节点的树形结构。该示例展示了如何组织布局，并将树形面板置于西部区域。

Ext.onReady(function(){
   var btn=new Ext.Button({text:"按钮"});
   var tree=new Ext.tree.TreePanel({
    	     title:"tree test",
    	     width:300,
    	     height:300,
    	     root:new Ext.tree.AsyncTreeNode({
    	     text:"root node",
    	     children:[{text:"children1",children:[{text:"children12",leaf:true}]},
    	    	 {text:"children21",leaf:true}]
    	     })
    	});
	var vp=new Ext.Viewport({
		layout:"border",
		items:[{region:"north",height:100,title:"顶部"},{region:"west",width:120,title:"目录",items:[btn,tree]},{region:"center",title:"内容部分"}]
	});
});