ext中tree以及viewport的使用方法

最新推荐文章于 2017-12-21 09:27:23 发布

jameszhao83

最新推荐文章于 2017-12-21 09:27:23 发布

阅读量154

点赞数

分类专栏： ajax相关文章标签： EXT

本文链接：https://blog.youkuaiyun.com/jameszhao83/article/details/83814859

版权

ajax相关专栏收录该内容

11 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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:"内容部分"}]
	});
});