FineUI 官方论坛

标题: EXTJS最小化窗体的功能实现 [打印本页]
作者: 吉吉﹑    时间: 2012-12-16 01:02
标题: EXTJS最小化窗体的功能实现
  1. <input type="button" id="btn" value="OpenWin" onclick="openWin();" />
  2. <div id="divWin"></div>
  3. <a href="javascript:openWin();" id="aRestore" style="display:none">恢复</a>
  4. <script>
  5.     var win = null;
  6.     function openWin() {
  7.         if (win==null) {
  8.             win = new Ext.Window({
  9.                 title: "弹出窗口",
  10.                 el: "divWin",
  11.                 width: 500,
  12.                 height: 300,
  13.                 constrain: true,
  14.                 maximizable: true,
  15.                 closeAction: 'hide',
  16.                 minimizable: true,
  17.                 listeners: {
  18.                     minimize: function (e) {
  19.                         this.hide();
  20.                         Ext.get("aRestore").show();
  21.                         //                    Ext.get("aRestore").show();
  22.                     }
  23.                 }
  24.             });
  25.         }
  26.         win.show(Ext.get("btn"));
  27.         Ext.get("aRestore").hide();
  28.     }

  30. </script>
复制代码


作者: 猪八戒    时间: 2012-12-16 15:34
光给这段代码有什么用，需要和老大控件结合的实力才是最重要的！
作者: 吉吉﹑    时间: 2012-12-17 08:40
猪八戒 发表于 2012-12-16 15:34
光给这段代码有什么用，需要和老大控件结合的实力才是最重要的！

没其他意思，就是开发中自己用到了，发出来分享而已。FINEUI最后显现也都是这些EXT的代码。你没用不代表别人用不到是吧？
作者: 易水临风    时间: 2012-12-17 21:38
楼主的分享共享精神值得赞颂！谢谢了，俺拿走咯！
作者: 猪八戒    时间: 2012-12-17 23:41
吉吉﹑ 发表于 2012-12-17 08:40
没其他意思，就是开发中自己用到了，发出来分享而已。FINEUI最后显现也都是这些EXT的代码。你没用不代表 ...

我没那个意思，我只是希望楼主给个实例，我刚入门，所以看不太懂楼主的代码，希望楼主给个实例让我学习学习！谢谢！
作者: 吉吉﹑    时间: 2012-12-18 00:48
猪八戒 发表于 2012-12-17 23:41
我没那个意思，我只是希望楼主给个实例，我刚入门，所以看不太懂楼主的代码，希望楼主给个实例让我学习学 ...

这就是实例，放在页面就直接可以用的。
作者: 猪八戒    时间: 2012-12-18 16:17
吉吉﹑ 发表于 2012-12-18 00:48
这就是实例，放在页面就直接可以用的。

可是我还是没看明白。你这段代码要放在那里呀？能不能给我发个能运行演示的实例呀~谢谢！
作者: 吉吉﹑    时间: 2012-12-19 00:48
猪八戒 发表于 2012-12-18 16:17
可是我还是没看明白。你这段代码要放在那里呀？能不能给我发个能运行演示的实例呀~谢谢！ ...

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head id="Head1" runat="server">
  5.     <title></title>
  6.    
  7. </head>
  8. <body>
  9.     <form id="form1" runat="server">
  10.     <ext:PageManager ID="PageManager1" AutoSizePanelID="RegionPanel1" runat="server">
  11.     </ext:PageManager>
  12.    <input type="button" id="btn" value="OpenWin" onclick="openWin();" />
  13. <div id="divWin"></div>
  14. <a href="javascript:openWin();" id="aRestore" style="display:none">恢复</a>
  15. <script>
  16.     var win = null;
  17.     function openWin() {
  18.         if (win == null) {
  19.             win = new Ext.Window({
  20.                 title: "弹出窗口",
  21.                 el: "divWin",
  22.                 width: 500,
  23.                 height: 300,
  24.                 constrain: true,
  25.                 maximizable: true,
  26.                 closeAction: 'hide',
  27.                 minimizable: true,
  28.                 listeners: {
  29.                     minimize: function (e) {
  30.                         this.hide();
  31.                         Ext.get("aRestore").show();
  32.                         //                    Ext.get("aRestore").show();
  33.                     }
  34.                 }
  35.             });
  36.         }
  37.         win.show(Ext.get("btn"));
  38.         Ext.get("aRestore").hide();
  39.     }

  41. </script>
  42.     </form>
  43. </body>
  44. </html>
复制代码




欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4