Ext window关闭时怎么出现动画效果?
window1.html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Another Window</title>
<link rel="stylesheet" type="text/css" href="exts/ext-all.css" />
<script type="text/javascript" src="exts/ext-base.js" ></script>
<script type="text/javascript" src="exts/ext-all.js" ></script>
<script type="text/javascript" src="js/window1.js" ></script>
</head>
<body>
<input type="button" value="Start" id="btn" /><br/>
<div id="window" class="x-hidden">
<div class="x-window-header">Hello Dialog</div>
<div id="tabs">
<div class="x-tab" title="Tab1">
<p>Hello...</p>
</div>
<div class="x-tab" title="Tab2">
<p>...World!</p>
</div>
</div>
</div>
</body>
</html>
然后是window1.js:
Ext.onReady(function(){
var b1 = Ext.get("btn");
b1.on('click', function(){
var my_tab = new Ext.TabPanel({
el: 'tabs',
autoTabs: true,
activeTab: 0,
border:false,
deferredRender: false
});
var win = new Ext.Window({
el:'window',
animateTarget: 'btn',
animCollapse: true,
layout: 'fit',
width: 300,
height: 200,
items: [my_tab],
plain: true
});
win.show();
});
});
我在window的构造参数中设定了animCollapse: true,但是关闭的时候没有出现动画效果。我看官网上的window例子,它的hello.js里面并没有设置animateTarget: 'btn'和animCollapse: true,但却有出现和关闭的动画效果。是不是有什么文件还要引入啊?还有个问题,就是窗口右上角的关闭按钮为什么能点到但是看不到?我的IE6.0,跟这个有关系吗?