Extjs window创建中遇到的问题

最新推荐文章于 2020-04-27 15:46:49 发布

a15937712253

最新推荐文章于 2020-04-27 15:46:49 发布

阅读量636

点赞数

分类专栏： extjs

本文链接：https://blog.csdn.net/a15937712253/article/details/22833737

版权

extjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首先写了一个简单的例子没有使用Ext.onReady()悲剧了窗体上边的title（白色的透明）怎么也显示不正确我去晕了

后来突然发现时Ext.onReady()在作怪

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="../../ext4/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="../../ext4/ext-all-debug.js" />
<script type="text/javascript" src="../../ext4/bootstrap.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function(){
var myWindow = Ext.create('widget.window',{
title:'我的第一个窗体',
closable: true,
closeAction: 'hide',
width: 600,
minWidth: 350,
height: 350,
layout: 'border',
bodyStyle: 'padding: 5px',
items: [{
region: 'west',
title: 'Navigation',
width: 200,
split: true,
collapsible: true,
floatable: false
}, {
region: 'center',
xtype: 'tabpanel',
items: [{
title: 'Bogus Tab',
html: 'Hello world 1'
}, {
title: 'Another Tab',
html: 'Hello world 2'
}, {
title: 'Closable Tab',
html: 'Hello world 3',
closable: true
}]
}]
});
myWindow.show();
});
</script>
</body>
</html>