您的位置:首页 > Web前端 > JavaScript

Extjs layout border 一片空白解决办法。

2011-11-28 17:22 190 查看
Ext.onReady(main);

function main()
{
new Ext.Viewport({
enableTabScroll:true,
layout:"border",
items:
[{
title:"面板",
region:"north",   //顶部面板
height:50,
html:'<h1>网站后台管理系统</h1>'
}, {
title:"菜单",
region:"west",    //左边菜单项,有按钮可控制伸缩的
width:200,
collapsible:true,
html:"菜单栏"
}, {
xtype:"tabpanel",   //选项卡
region:"center",
items:
[
{title:"面板1",html:'<h1>面板1内容</h1>'},
{title:"面板2",html:'<h1>面板2内容</h1>'},
{title:"面板3",html:'<h1>面板3内容</h1>'},
]
}]
});
};
一片空白是样式中的子控件,没有设定的结果。上面就是成功的例子。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息