`

EXT窗口及对话框

    博客分类:
  • ext
ext 
阅读更多
ExtJS 中窗口是由Ext.Window 类定义,该类继承自Panel,因此窗口其实是一种特殊的
面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码:
var i=0;
function newWin()
{
var win=new Ext.Window({title:"窗口"+i++,
width:400,
height:300,
maximizable:true});
win.show();
}
Ext.onReady(function(){
Ext.get("btn").on("click",newWin);
});

页面中的html 内容:
<input id="btn" type="button" name="add" value="新窗口" />

执行上面的代码,当点击按钮“新窗口”的时候,会在页面中显示一个窗口,窗口标题为
“窗口x”,窗口可以关闭,可以最大化,点击最大化按钮会最大化窗口,最大化的窗口可以
还原。
分享到:
评论

相关推荐

    EXT初级简明教程 PDF

    EXT比较初级的简明教程PDF格式,和以前的一本简明教程内容不一样。本教程同样面向入门级,为学习EXT打前战,内容主要有EXT框架基础及核心简介、EXT使用面板、EXT窗口及对话框、层和布局、表格控件、数据存储等。

    EXT窗口Window及对话框MessageBox

    function newWin(){ var win = new Ext.Window({ title:”窗口”+i++, width:400, height:300, maximizable:true }); win.show(); } Ext.onReady( function(){ Ext.get(“btn”).on(“click”,newWin); } ); 页面中...

    EXT经典示例大全

    1.入门 2.ext事件处理 3.面板 4.工具栏 5.Viewport 6.窗口 7.对话框 内附:ext语法总结.txt

    Ext+JS高级程序设计.rar

    第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 ...

    EXT2.0中文教程

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...

    ext.net 组件包

    ext.net 组件 Ext.Net安装和使用:  1.下载最新版本  2....  view sourceprint?... 弹出"选择箱项"对话框,点击“浏览” ,双击选择下载文件目录下的"Ext.Net.dll"  点击“确定”,将在Ext选项卡中出现多个控件

    EXT简单案例

    EXT简单案例,包含面板、工具栏、对话框、窗口等,是入门的好资源。EXT简单案例,包含面板、工具栏、对话框、窗口等,是入门的好资源。

    Ext 开发指南 学习资料

    1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用...

    extjs实用开发指南

    extjs 实用开发指南 ext框架基础、和核心 使用面板 窗口及对话框 布局 表格控件 数据存储 TreePanel

    EXT教程EXT用大量的实例演示Ext实例

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看...

    Ext Js权威指南(.zip.001

    7.4.5 数据验证及错误处理:ext.data.validations与ext.data.errors / 332 7.4.6 模型的关系:ext.data.association、ext.data.hasmanyassociation和ext.data.belongstoassociation / 334 7.4.7 管理数据模型:...

    Ext常用功能开发总结

    关于表格的使用说明 2 画表格 2 表格数据的构造 2 表格数据的列定义 4 表格的样式 4 表格复选框的实现 5 表格复选框默认选中的实现 6 ...EditGridPanel的构成、数据提交及后台接收 18 Ajax代码参考 21 Button的使用 21

    ExtJs4_笔记.docx

    第九章 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件 72 一、面板控件 Ext.Panel 72 二、窗口控件 Ext.window.Window 74 三、布局控件 Ext.container.Viewport 77 第十章 ...

    精通JS脚本之ExtJS框架.part1.rar

    2.1.4 窗口对象 2.1.5 网址对象 2.1.6 历史记录对象 2.2 基本事件处理 2.3 2级DOM事件模型 2.3.1 事件传播 2.3.2 注册事件处理程序 2.3.3 event对象 2.4 常用事件 2.4.1 键盘事件 2.4.2 鼠标事件 2.4.3 ...

    掏钱学Ext(完整版) 附全部源码

    超脱了一切的弹出窗口。 5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。 5.2. 先看看最基本的三个例子 5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3....

    Ext.ux.window.DetailMessageBox:扩展于ExtJS5.1版本的MessageBox,可用折叠框显示详细信息的消息框

    Ext.ux.window.DetailMessageBox 带有可以折叠详细信息的对话框,...该扩展定义的为单例窗口,在引入时就已实例化,所以在需要弹出详细对话框时可以直接使用别名 Ext.ux.DetailMsg 进行操作: Ext.ux.DetailMsg.show({

    精通JS脚本之ExtJS框架.part2.rar

    2.1.4 窗口对象 2.1.5 网址对象 2.1.6 历史记录对象 2.2 基本事件处理 2.3 2级DOM事件模型 2.3.1 事件传播 2.3.2 注册事件处理程序 2.3.3 event对象 2.4 常用事件 2.4.1 键盘事件 2.4.2 鼠标事件 2.4.3 ...

    ExtJS 2.0实用简明教程

    6)Ext类库简介 7)Border区域布局 8)ExtJS的组件 9)Column列布局 10)组件的使用 11)Fit布局 12)Form布局 13)组件的配置属性 14)Accordion布局 15)事件处理 16)Card布局 17)Pable布局及其它布局 18)工具栏Toolbar 19)...

    ExtAspNet_v2.3.2_dll

    -MenuButton, LinkButton, Button, LinkButtonField增加ValidateTarget用来控制表单验证失败时提示对话框的显示位置。 +2010-01-06 v2.1.9 -集成Extjs最新版本v3.1.0。 -修正灰色皮肤的CSS问题。 -修正Grid...

Global site tag (gtag.js) - Google Analytics