hwoarangzk 发表于 2008-3-20 12:48

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，跟这个有关系吗？

渚薰 发表于 2008-3-20 14:12

官网里的那个例子？？？给我链接看看
另外，关闭我记得是没有效果的，只有最大最小化还原有效果

hwoarangzk 发表于 2008-3-20 14:17

http://extjs.com/deploy/dev/examples/
window的hello，出现和关闭都有效果，但是他代码里面没看到啊

hwoarangzk 发表于 2008-3-20 14:20

原来如此，关闭是把窗口隐藏了啊...
但是我的新问题出来了：就是隐藏了再打开的时候，窗口每次越变越大，这个怎么解决啊？

hwoarangzk 发表于 2008-3-20 14:24

官网那个例子，窗口参数没有设置animateTarget，为什么出来也可以有动画效果？

hwoarangzk 发表于 2008-3-20 14:27

还有就是右上角看不到关闭按钮这个X...多谢~~~~~~~

hwoarangzk 发表于 2008-3-20 16:54

看不到按钮的问题解决了，我没有把所有包拷进去，但是越变越大这个问题还不知道怎么办...

渚薰 发表于 2008-3-20 17:50

添加closeAction:'hide'
然后，不要每次按钮都new一个window
因为close的Action是hide，所以window其实还在，没有destory掉
只new一次，之后都直接调用show，简单点可以用if判断，window对象实例的引用是否存在
就是类似你说的那个例子的做法

[[it] 本帖最后由 渚薰 于 2008-3-20 17:54 编辑 [/it]]

hwoarangzk 发表于 2008-3-20 21:39

明白了，就像以前问过你点击按钮后动画越来越快的问题一样，每new一个就会出现问题，现在知道了，谢谢~~~~~~

页: [1]

编程论坛