EXT的BORDER布局

Oo低調dё天才oO · 发表于 2013-2-7 19:29:26

废话不多说，上代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>布局</title> <script src="../adapter/ext/ext-base.js"></script><script src="../ext-all.js"></script><link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /></head><body><script>Ext.onReady(function(){var border=new Ext.Viewport({title:'Border Layout',layout:'border',items:[{collapsible:true,//是否显示拉动title:'南部的面板',region:'south',height:100,minSize:75,maxSize:250,margins:'5 5 0 5'},{title:'头部',collapsible:true,region:'north',height:50},{collapsible:true,//是否显示拉动title:'西部的面板',region:'west',margins:'5 0 0 5',cmargins:'5 5 0 5',width:200,minSize:100,maxSize:300},{collapsible:true,//是否显示拉动title:'主内容',region:'center',margins:'5 5 0 0'}]});});</script></body></html>

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