Ext Viewport实例

?<script>
?? ?Ext.onReady(function () {
?? ???new Ext.Viewport({
?? ?????enableTabScroll:true,
?? ?????layout:"border",
?? ?????items:[
?? ??????{
?? ???????title:"面板",
?? ???????region:"north",
?? ???????height:50,
?? ???????html:"<h1>hi boy</h1>",
?? ???????bbar:[
?? ????????{text:"按钮一"},
?? ????????{pressed:true,text:"按钮二"}
?? ???????]
?? ??????},
?? ??????{
?? ???????title:"菜单",
?? ???????region:"west",
?? ???????width:200,
?? ???????collapsible:true,
?? ???????html:"菜单栏"
?? ??????},
?? ??????{
?? ???????xtype:"tabpanel",
?? ???????region:"center",
?? ???????items:[{title:"面板1"},{title:"面板2"}]
?? ??????}
?? ?????]
?? ????}
?? ???);
?? ??}
?? ?);
??? </script>