`

ExtJS获取当前对象所在容器

EXT 
阅读更多

    今天把一个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
分享到:
评论
2 楼 红尘默岩 2014-01-02  
帮大忙了,谢谢
1 楼 jiangiwen 2010-11-06  
太谢谢了,找的我好苦! 
我都不知道怎么获得外层的对象,看了你的代码我下酒明白了,而且我也看明白呢说的那个问题了.
为什么要写 this.ownerCt.ownerCt.items.first().getValue() 才能得到值
应为你把 buttons 给忽略了.

相关推荐

    学习ExtJS 访问容器对象

    在ExtJS中,容器对象是框架的核心组成部分,用于组织和管理UI组件。它们提供了一种方式来布局、显示和管理应用程序中的多个组件。本篇文章将深入探讨如何在ExtJS中访问容器对象及其属性,以及在实际应用中的示例。 ...

    轻松搞定Extjs 带目录

    Extjs支持面向对象编程,其对象模型包括: - 类的定义(Ext.extend) - 对象实例化(通过new关键字) - 原型链继承(JavaScript的继承机制) - 类的配置选项和方法(config选项) #### 4. 消息框的使用 Extjs提供...

    ExtJS对几种面向对象体现.txt

    根据提供的文件信息,可以看出主题是关于ExtJS框架与面向对象编程的实现方式。然而,由于提供的部分内容似乎并不完整且存在一些非标准字符,这给直接提取有用信息带来了困难。因此,我们将基于标题、描述和标签中的...

    ExtJS对原有JavaScript对象的扩展

    ExtJs2.0学习系列(1)--Ext.MessageBox

    Extjs4.2 设置tabpanel当前活动页签的样式

    其中, `.x-tab-active` 是Extjs中当前活动页签的CSS类名, `.x-tab-wrap` 是标签页签的容器, `.x-tab-button` 是标签页签的按钮, `.x-tab-inner` 是标签页签的内部容器。 在上面的代码中,我们使用了CSS选择器来...

    EXTJS 选下拉框,并取得下拉框的值

    首先,创建一个基本的EXTJS下拉框需要定义`Ext.form.field.ComboBox`对象。以下是一个简单的示例: ```javascript Ext.application({ name: 'MyApp', launch: function () { Ext.create('Ext.container.Viewport...

    ExtJs获取表单元素的值

    在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...

    EXTJS4自学手册

    EXTJS4自学手册——EXT对象选择 二 Extjs 数据组件 EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4...

    Extjs 关于 cookie的操作

    ### Extjs 中关于 Cookie 的操作 #### 一、引言 在 Web 开发中,Cookie 是一种常用的数据存储方式,用于保存用户的一些基本信息或者状态,从而实现网站的个性化设置或登录状态保持等功能。Extjs 作为一种强大的 ...

    ExtJs表格点击超链接获取行的值

    在ExtJs框架中,我们经常需要在表格(`Ext.grid.Panel`)中显示超链接,并且当用户点击这些超链接时,能够获取到当前行的数据。为了实现这一功能,我们可以使用`renderer`函数对单元格进行自定义渲染。 **代码示例*...

    EXTJS下JSON对象实用源码 包含页面代码及后台JAVA类代码

    压缩文件中包含了两个文件,第一个文件详细说明了在页面上EXTJS如何使用JSON对象进行数据的查询与加载。第二个文件详细说明了在后台JAVA类中,如何对JSON对象进行处理,并返回JSON对象,以供前台页面使用

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    EXTjs4.0学习文档

    例如,在 EXTJS 4.0 中,我们可以使用 getKey 函数来获取对象的键值。我们可以定义一个 Person 对象,然后使用 getKey 函数来获取其名称。我们也可以使用 getValue 函数来获取对象的值,如果对象中没有该值,则返回...

    获取ExtjS表格的值_ExtJS_3.4cellSelectModel

    资源名称:获取ExtjS表格的值_ ExtJS_3.4 cellSelectModel资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    extjs3.4如何创建对象

    在EXTJS 3.4版本中,创建对象是框架中非常基础且重要的操作,它涉及到类的实例化、配置项的使用以及对象间的交互。EXTJS是一个基于JavaScript的富客户端应用开发框架,提供了丰富的组件库和强大的数据管理能力。下面...

    extjs4学习文档

    创建一个名为helloworld.js的JavaScript文件,定义一个EXTJS应用,创建一个容器组件,并在其中放置一个具有标题和内容的Panel。同时,创建一个helloworld.html文件,引入EXTJS的CSS和JavaScript库以及自定义的hello...

    extjs3.3 中文文档

    2. **类系统**:EXTJS采用面向对象的方式组织代码,其类系统是基于Ext.Base构建的。了解类系统有助于理解EXTJS如何扩展JavaScript对象并实现复用。 3. **组件库**:EXTJS 3.3包含了大量的预定义组件,如Grid面板、...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

Global site tag (gtag.js) - Google Analytics