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

	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>'},
				] 
      		}]
		});
	};
一片空白是样式中的子控件,没有设定的结果。上面就是成功的例子。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值