FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 4505|回复: 7
打印 上一主题 下一主题

EXTJS最小化窗体的功能实现

[复制链接]
跳转到指定楼层
楼主
发表于 2012-12-16 01:02:19 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
  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.     }

  29. </script>
复制代码


沙发
发表于 2012-12-16 15:34:08 | 只看该作者
光给这段代码有什么用,需要和老大控件结合的实力才是最重要的!
板凳
 楼主| 发表于 2012-12-17 08:40:17 | 只看该作者
猪八戒 发表于 2012-12-16 15:34
光给这段代码有什么用,需要和老大控件结合的实力才是最重要的!

没其他意思,就是开发中自己用到了,发出来分享而已。FINEUI最后显现也都是这些EXT的代码。你没用不代表别人用不到是吧?
地板
发表于 2012-12-17 21:38:01 | 只看该作者
楼主的分享共享精神值得赞颂!谢谢了,俺拿走咯!
5#
发表于 2012-12-17 23:41:32 | 只看该作者
吉吉﹑ 发表于 2012-12-17 08:40
没其他意思,就是开发中自己用到了,发出来分享而已。FINEUI最后显现也都是这些EXT的代码。你没用不代表 ...

我没那个意思,我只是希望楼主给个实例,我刚入门,所以看不太懂楼主的代码,希望楼主给个实例让我学习学习!谢谢!
6#
 楼主| 发表于 2012-12-18 00:48:38 | 只看该作者
猪八戒 发表于 2012-12-17 23:41
我没那个意思,我只是希望楼主给个实例,我刚入门,所以看不太懂楼主的代码,希望楼主给个实例让我学习学 ...

这就是实例,放在页面就直接可以用的。
7#
发表于 2012-12-18 16:17:43 | 只看该作者
吉吉﹑ 发表于 2012-12-18 00:48
这就是实例,放在页面就直接可以用的。

可是我还是没看明白。你这段代码要放在那里呀?能不能给我发个能运行演示的实例呀~谢谢!
8#
 楼主| 发表于 2012-12-19 00:48:52 | 只看该作者
猪八戒 发表于 2012-12-18 16:17
可是我还是没看明白。你这段代码要放在那里呀?能不能给我发个能运行演示的实例呀~谢谢! ...

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

  39. </script>
  40.     </form>
  41. </body>
  42. </html>
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-23 06:59 , Processed in 0.048008 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表