Viewport代表整个游览器窗口,直接渲染到document.body节点,取代页面中的左右内容,一般作为应用程序的主界面。
<HTML> <HEAD> <TITLE>使用EXT输出HelloWorld</TITLE> <!-- 导入extjs配置 … ... --> <link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/> <script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="./../ext/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.BLANK_IMAGE_URL='./../ext/resources/images/default/s.gif'; new Ext.Viewport({ layout: 'border', items:[{ region: 'north', height: 100, title: '顶部工具栏Logo及Banner' },{ region: 'west', width: 150, title: '菜单栏' },{ region: 'center', title: '主区域' },{ region: 'south', height: 100, title: '版权信息' }] }); }); </script> </HEAD> <body id="form"> </body> </HTML>