Ext.Viewport的border布局

TaoistWar · 发表于 2013-2-7 19:37:20

<html><head> <title>Feed Viewer 3</title> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <script type="text/javascript" src="adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-all.js"></script> </head> <body> <div id="west" class="x-hide-display"> <p>Hi. I'm the west panel.</p> </div> <script type="text/javascript"> Ext.onReady(function() { var viewport = new Ext.Viewport({ layout:'border', items:[{ region:'west', title:'管理中心', split:true,// width:200, minSize:175, maxSize:300, height:600, collapsible:true,//拥有隐藏功能 margins:'0 0 5 5', cmargins:'0 5 5 5', layout:'accordion',//可折叠菜单 layoutConfig:{ animate:true //启用动画效果 }, items:[{ title:'now', html:'n1' },{ title:'now2', html:'n2' }] },{ region:'center' }] }); }); </script> </body></html>

		自动登录	找回密码
密码			立即注册