今天把一个button放在了Ext.Window中,想用button确定window对象。n就没尝试成功。一开始用
buttons:[{
text:'确定',
handler:function(){
alert(this.text);\\this就是公布handler的对象
}
}]
发现一切OK。然后开始取window
buttons:[{
text:'确定',
handler:function(){
alert(alert(this.ownerCt.title);
}
}]
发现一直取不到值。狂晕中采用如下方法
buttons:[{
text:'确定',
handler:function(){
alert(alert(this.ownerCt.ownerCt.title);
}
}]
竟然OK了。难道是我没理解正确。
完整代码如下:
Ext.onReady(function(){
var _window = new Ext.Window({
title:'登录',
layout:'form',
width:280,
height:150,
labelWidth:50,
plain:true,
defaults:{width:180},
bodyStyle:'padding:3px',
items:[{
xtype:'textfield',
fieldLabel:'姓名',
id:'username'
},{
xtype:'textfield',
fieldLabel:'密码',
type:'password'
}],
buttons:[{
text:'确定',
handler:function(){
alert(this.ownerCt.ownerCt.items.first().getValue());
alert(this.ownerCt.ownerCt.items.itemAt(0).getValue());
alert(Ext.getCmp("username").getValue());
//alert(this.text);this就是公布handler的对象
}
}]
});
_window.show();
});
- 大小: 9.3 KB
分享到:
相关推荐
在ExtJS中,容器对象是框架的核心组成部分,用于组织和管理UI组件。它们提供了一种方式来布局、显示和管理应用程序中的多个组件。本篇文章将深入探讨如何在ExtJS中访问容器对象及其属性,以及在实际应用中的示例。 ...
Extjs支持面向对象编程,其对象模型包括: - 类的定义(Ext.extend) - 对象实例化(通过new关键字) - 原型链继承(JavaScript的继承机制) - 类的配置选项和方法(config选项) #### 4. 消息框的使用 Extjs提供...
根据提供的文件信息,可以看出主题是关于ExtJS框架与面向对象编程的实现方式。然而,由于提供的部分内容似乎并不完整且存在一些非标准字符,这给直接提取有用信息带来了困难。因此,我们将基于标题、描述和标签中的...
ExtJs2.0学习系列(1)--Ext.MessageBox
其中, `.x-tab-active` 是Extjs中当前活动页签的CSS类名, `.x-tab-wrap` 是标签页签的容器, `.x-tab-button` 是标签页签的按钮, `.x-tab-inner` 是标签页签的内部容器。 在上面的代码中,我们使用了CSS选择器来...
首先,创建一个基本的EXTJS下拉框需要定义`Ext.form.field.ComboBox`对象。以下是一个简单的示例: ```javascript Ext.application({ name: 'MyApp', launch: function () { Ext.create('Ext.container.Viewport...
在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...
EXTJS4自学手册——EXT对象选择 二 Extjs 数据组件 EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4...
### Extjs 中关于 Cookie 的操作 #### 一、引言 在 Web 开发中,Cookie 是一种常用的数据存储方式,用于保存用户的一些基本信息或者状态,从而实现网站的个性化设置或登录状态保持等功能。Extjs 作为一种强大的 ...
在ExtJs框架中,我们经常需要在表格(`Ext.grid.Panel`)中显示超链接,并且当用户点击这些超链接时,能够获取到当前行的数据。为了实现这一功能,我们可以使用`renderer`函数对单元格进行自定义渲染。 **代码示例*...
压缩文件中包含了两个文件,第一个文件详细说明了在页面上EXTJS如何使用JSON对象进行数据的查询与加载。第二个文件详细说明了在后台JAVA类中,如何对JSON对象进行处理,并返回JSON对象,以供前台页面使用
ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...
例如,在 EXTJS 4.0 中,我们可以使用 getKey 函数来获取对象的键值。我们可以定义一个 Person 对象,然后使用 getKey 函数来获取其名称。我们也可以使用 getValue 函数来获取对象的值,如果对象中没有该值,则返回...
资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
在EXTJS 3.4版本中,创建对象是框架中非常基础且重要的操作,它涉及到类的实例化、配置项的使用以及对象间的交互。EXTJS是一个基于JavaScript的富客户端应用开发框架,提供了丰富的组件库和强大的数据管理能力。下面...
创建一个名为helloworld.js的JavaScript文件,定义一个EXTJS应用,创建一个容器组件,并在其中放置一个具有标题和内容的Panel。同时,创建一个helloworld.html文件,引入EXTJS的CSS和JavaScript库以及自定义的hello...
2. **类系统**:EXTJS采用面向对象的方式组织代码,其类系统是基于Ext.Base构建的。了解类系统有助于理解EXTJS如何扩展JavaScript对象并实现复用。 3. **组件库**:EXTJS 3.3包含了大量的预定义组件,如Grid面板、...
ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...