`
liss
  • 浏览: 848420 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

EXT学习之Window

EXTJavaScriptCSSHTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Window 窗口</title>

    <link rel="stylesheet" type="text/css" href="../ext-2.1/resources/css/ext-all.css" />
    <script type="text/javascript" src="../ext-2.1/adapter/ext/ext-base.js"></script> 
    <script type="text/javascript" src="../ext-2.1/ext-all.js"></script>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script type="text/javascript">
    /*******************************************************************************************
    
     ExtJS中窗口是由Ext.Window类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。
      窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码：
    
    ********************************************************************************************/
       var i = 0 ; 
       function newwin(){
       alert("333");
         var win = new Ext.Window({title:"窗口"+i++,
         
                       width:400,
                       height:300,
                       maximizable:true});   //最大化
                       win.show();           //显示窗口
         
       
       }
       Ext.onReady(function () {
       alert("1");
         Ext.get("btn").on("click",newwin);
       
       });   
    
    </script>

</head>

<body>
    <input id="btn" type="button" name = "add" value="新窗口"/>
</body>
</html>

 

分享到：
| Ext Window 拖拽 在IE里出错,在FF里正常 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    一个简单的Ext.Window中插入图片的例子

    在Ext JS这个强大的JavaScript框架中，`Ext.Window`是一个常用组件，用于创建浮动、可弹出的窗口。在Web应用程序中，我们常常需要在这些窗口中展示各种内容，包括文字、表格、按钮，当然还有图片。本文将详细介绍...

    Ext window的使用

    除了参考官方文档，还可以访问博客（如给定的链接）和其他开发者社区，学习他们如何使用和优化Ext.Window。 通过以上内容，你应该对Ext Window有了更全面的理解，能够熟练地在项目中应用和定制这一组件。不断探索...

    EXT学习小例子

    在这个名为"EXT学习小例子"的项目中，我们将深入探讨EXTJS如何实现数据的增加、删除和修改功能。 EXTJS的核心是其组件系统，它提供了各种UI组件，如表格、表单、面板、树形视图等，这些组件可以方便地组合在一起...

    Gwt-ext学习笔记之基础篇

    ### Gwt-ext学习笔记之基础篇 #### 一、安装CypalStudio工具 为了能够开始Gwt-ext的学习之旅，首先需要确保开发环境已经搭建好。CypalStudio是一款非常实用的工具，它能帮助开发者更高效地进行GWT项目的开发。 1....

    有利于ext学习的小程序

    "有利于EXT学习的小程序"是一个专门为EXT初学者设计的项目，它包含了一个使用EXT框架开发的应用实例，可以帮助学习者更好地理解和掌握EXT的各种功能和用法。项目中可能包含了EXT的基本组件，如表格（Grid）、面板...

    EXT4 源码+window下模拟ext2+linux_ext文件系统模拟

    EXT4是Linux操作系统中最常用的文件系统之一，它在2008年被引入到Linux内核，以替代较旧的EXT3系统。EXT4的主要改进包括更大的文件系统大小支持、更快的性能以及对大量小文件的优化处理。在这个压缩包中，你可能会...

    ext学习之路

    ### ext学习之路：深入解析ExtJS 4.20的核心组件与应用 #### 构建与源码（build & source） 在深入探索ExtJS 4.20之前，理解其构建方式与源码结构至关重要。ExtJS的构建过程通常涉及将源代码编译成适合生产环境的...

    Ext学习笔记

    在示例代码中提到，应该使用`Ext.window.Window`而不是`Ext.Window`，因为前者是正确的组件命名空间，使用后者在某些浏览器中可能会导致窗口组件无法正确显示。 以上知识点总结涵盖了ExtJS4组件创建、动态加载、...

    Yui_ext 学习笔记

    除了 Element 对象，Ext 还包含了许多其他组件，如 Grid、Form、Panel、Window 等，这些组件使得构建复杂的用户界面变得更加容易。每个组件都有丰富的配置项和方法，可以满足不同场景的需求。 获取多个 DOM 节点时...

    ext学习小例

    通过以上知识点的学习，初学者可以快速上手 Ext JS，并实现一些基本的前端功能，例如显示消息提示框、创建输入框以及创建窗口等。需要注意的是，在实际开发过程中，建议遵循最佳实践和官方文档的指导来确保代码质量...

    Ext 学习中文手册

    学习利用模板（Templates）的格式化功能 63 正式开始 63 下一步 64 事件处理 64 非常基础的例子 64 处理函数的作用域 64 传递参数 65 类设计 66 对象创建 66 使用构造器函数 66 方法共享 66 表单组件入门 67 表单体 ...

    ext4.2学习之路

    ### ext4.2学习之路：深入理解Ext JS 4.2框架 #### 一、Ext JS 4.2概述 Ext JS是一款强大的企业级富客户端Web应用程序开发框架，基于JavaScript和HTML5技术，用于构建高性能的桌面和移动Web应用程序。Ext JS 4.2...

    ext教程、ext核心API 、ext中文教程

    EXT的组件化思想是其核心，通过各种组件如表格（Grid）、面板（Panel）、窗口（Window）等，可以构建出复杂的UI结构。教程会详细讲解这些组件的属性、方法和事件，帮助初学者快速上手。 "EXT核心API"则深入介绍了...

    ext 学习资料

    ### Ext JS 6 学习知识点详解 #### 一、Ext JS 6 入门概述 **背景介绍：** 在Web开发领域，随着应用程序规模的增长和技术的发展，传统的JavaScript编程方式逐渐暴露出诸多不足之处，例如代码可维护性差、跨浏览器...

    Gwt-ext学习笔记

    ### Gwt-ext学习笔记知识点详解 #### 一、Gwt-ext简介与安装 Gwt-ext是一种基于Google Web Toolkit（GWT）的高级用户界面库，它提供了丰富的UI组件和功能，使得开发高质量的Web应用程序变得更加容易。对于初学者而...

    Ext 开发指南 学习资料

    Ext.Window中的closeAction A.13. 使用同步ajax B. 修改日志 C. 后记 C.1. 2007年12月5日，迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 C.4. ext开发计划 D. ...

    ext打印、jquery打印、ext导出excel

    在IT行业中，打印功能和数据导出能力是Web应用程序中不可或缺的部分。`ext打印`、`jquery打印`和`ext导出excel`都是与前端开发密切相关的技术...通过学习和应用这些技术，开发者可以构建更加强大和功能丰富的Web应用。

    Ext学习文档--转载整理

    EXT提供了一套完整的组件模型，包括窗口（Window）、面板（Panel）、表格（Grid）、表单（Form）等，使得开发者能够构建出功能丰富、交互性强的Web应用。随着对EXT的深入学习，开发者将掌握更多的高级特性，如布局...

    Ext js 资源大全

    首先，我们来看"EXT学习文档 .doc"，这可能是一份详细的EXT学习指南，涵盖了从基础到高级的各种主题。它可能包括了Ext JS的基本组件如窗口（Window）、面板（Panel）、表单（Form）、数据绑定（Data Binding）以及...

Magicbox
Global site tag (gtag.js) - Google Analytics