Ext.onReady(function() {
var _window = new Ext.Window({
title : "测试窗体",
layout : "form",
width : 300,
plain : true,
items : [{
xtype : "textfield",
id:"name",
fieldLabel : "姓名"
},{
xtype : "textfield",
id:"password",
fieldLabel : "密码"
}],
buttons : [{
text : "确定",
handler : function() {
var coll=this.ownerCt.items;//读到当前窗体中的items
var temp="";
temp+="姓名是:"+coll.first().getValue();
temp+="密码是:"+coll.itemAt(1).getValue();
alert(Ext.getCmp("name").getValue()+Ext.getCmp("password").getValue());//通过id得到items
Ext.MessageBox.alert("提示信息",temp);
}
}]
});
_window.show();
});
这个例子中ownerCt返回的是button的当前容器_window,然后通过容器_window访问自组件items中的内容
分享到:
相关推荐
它提供了丰富的组件库,包括表格、窗体、菜单、工具栏等,以及强大的数据绑定和远程数据通信机制。"EXTJS upload"指的是EXTJS库中的文件上传功能,这在现代Web应用中非常常见,例如用户在网站上上传照片、文档或者...
- **组件**:ExtJs 中的基本构建单元,每个组件都有其独特的功能和用途。 - **示例**:`Ext.button.Button`, `Ext.grid.Panel` 等。 - **布局管理器**:控制容器内子项的位置和大小。 - **常见布局**:`Ext.layout...
它提供了大量的UI组件,如表格、树形视图、窗体、面板等,同时支持响应式设计,能够适应不同的设备和屏幕尺寸。EXTJS的核心是它的Model-View-Controller(MVC)架构,这使得代码组织清晰,易于维护。 在ASP.NET环境...
它提供了丰富的 UI 组件库,包括表格、窗体、树形结构等,并且具有高度可定制的特点。通过 ExtJS,开发人员可以轻松创建复杂的前端应用程序,而无需从零开始编写大量的 HTML 和 CSS 代码。 **标题**: "ExtJS in ...
2. **员工详情模块**:在点击员工列表后,可以打开一个窗体展示详细信息,这里可能用到Form组件,包含各种表单字段如文本框、下拉框等。数据双向绑定使得修改后能实时反映到Grid中。 3. **部门管理模块**:可能使用...
ExtJS提供了强大的窗体组件,包括基本窗体、提示框等。 ##### 4.1 基本窗体 - **普通用法**: ```javascript new Ext.Window({ title: 'Basic Window', width: 400, height: 300, layout: 'fit', items: ...
在ExtJS 3.3版本中,用户报告了一个关于`Window`组件的问题。该问题表现为:当使用`Window`组件并尝试通过按钮点击事件获取`Window`的标题时,结果返回的是`undefined`而非预期的窗口标题。这一现象在ExtJS 3.3版本...
ExtJS提供了一套完整的组件库,包括表格、窗体、菜单、工具栏等,可以方便地构建用户界面。在这个项目中,开发者可能利用ExtJS创建了动态的数据网格、表单以及各种交互控件。通过ExtJS的数据API,前端可以直接与...
它提供了丰富的组件库,包括表格、窗体、菜单、工具栏等,使得开发者能够创建出功能强大、界面友好的Web应用。EXTJS2.0是EXTJS的一个版本,相比之前的版本,它可能包含了更多优化和新特性,比如改进的布局管理、增强...
它提供了一套完整的组件模型,包括表格、图表、窗体、树形视图等,可实现复杂的用户界面。在描述中提到的"extjs4"指的是ExtJS的第4个主要版本,这个版本引入了许多改进和新特性,如新的布局系统、更好的性能和更多的...
例如,员工信息管理可能包含一个员工列表视图、一个员工详情编辑窗体等,这些组件可以独立开发和测试,然后组合成完整的系统。 4. **MVC架构**:ExtJs采用模型-视图-控制器(MVC)架构,将业务逻辑、界面展示和数据...
ExtJS是一个流行的JavaScript框架,它提供了大量的可重用组件,如表格、图表、树形视图、窗体等,使得开发者可以快速构建出响应式、富交互性的前端应用。其MVC(Model-View-Controller)架构支持模块化开发,便于...
EXTJS是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而...此外,这个实例还可以作为一个起点,进一步探索EXTJS的其他组件和特性,如表格、窗体、面板等,以及更高级的特性如数据网格、图表和工作区等。
在实际应用中,继承可以用于创建复杂的组件树,如自定义的表格、窗体或者面板。例如,你可以从`Ext.grid.Panel`继承,然后添加自己的列定义、行处理逻辑等,创建一个高度定制化的数据展示组件。 在学习和使用ExtJS...
3. **丰富的UI组件**:EXTJS 3.2.0包含了一套完整的前端组件库,如表格、树形视图、窗体、菜单、工具栏、面板等,满足各种界面需求。 4. **Ajax支持**:EXTJS内置了Ajax功能,便于与服务器进行异步通信,实现动态...
EXTJS是一个用于构建富客户端应用的JavaScript库,它提供了丰富的组件库,如表格、图表、窗体、树形视图等。EXTJS的布局管理和数据绑定机制使得界面设计更加灵活,同时其组件具有高度可定制性,可以实现复杂的数据...
例如,EXTJS的网格组件可以用于显示客户列表,窗体组件用于添加和编辑客户信息,而图表组件则可用于数据可视化,如销售报告和客户分布。 综合上述,这个基于ASP.NET多层架构和EXTJS的CRM系统,集成了前后端的最佳...
在ExtJS中,容器对象是框架的核心组成部分,用于组织和管理UI组件。它们提供了一种方式来布局、显示和管理应用程序中的多个组件。本篇文章将深入探讨如何在ExtJS中访问容器对象及其属性,以及在实际应用中的示例。 ...
它提供了丰富的组件库,如表格、窗体、树形结构等,以及一套完整的MVC架构。在本框架中,ExtJs 4可能被用来创建用户界面,包括布局、菜单、按钮等元素,并处理用户交互。通过其强大的数据绑定机制,能轻松实现与后端...
ExtJS3.0.0版本包含了丰富的组件库,如表格、树形视图、图表、窗体等,这些组件设计精美且功能完备,能够快速构建出交互性强的用户界面。同时,它提供了数据绑定和远程数据访问的能力,可以方便地与服务器端进行数据...