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

Ext JS 4.x任意组件放入ComboBox的下拉框。例如tree、grid等。

阅读更多
移步到http://www.uniorder.com/2013/10/24/ext-js-4-x-%E5%9C%A8%E4%B8%8B%E6%8B%89%E6%A1%86%E4%B8%AD%E6%94%BE%E5%85%A5-tree/查看更新的内容


Ext.define("GB.view.AddressCombo", {
	extend : "Ext.form.field.Picker",
	alias : "widget.addressCombo",
	createPicker : function() {
		var me = this, p = Ext.create('GB.view.ProvinceContainer', {
			hidden : true,
			floating : true,
			listeners : {
				"accept" : function(str) {
					me.setValue(str);
					me.collapse();
				},
				"cancel" : function() {
					me.collapse();
				}
			}
		});
		return p;
	},
	collapseIf : Ext.emptyFn
});


如果你的组件里面包括combobox,则需要设置collapseIf为空实现。下为效果图:
  • 大小: 5.9 KB
分享到:
评论

相关推荐

    ExtJs组件类的对应表

    3. **`combo`** - `Ext.form.ComboBox`,下拉框组件,用于创建下拉选择框。 4. **`datefield`** - `Ext.form.DateField`,日期选择项,用于输入日期。 5. **`timefield`** - `Ext.form.TimeField`,时间录入项,...

    Ext2 核心 API 中文详解

    - **拖放功能**:SimpleTasks支持将任意文本拖放到Grid中,并自动转换为新的任务。 - **剪贴板功能**:可以从系统的剪贴板粘贴新建任务。此外,还可以直接从Outlook拖动任务到SimpleTasks。 - **示例**:这种交互...

    extJs xtype 类型

    3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项...

    ExtJs xtype一览

    - **`combo` (Ext.form.ComboBox)**: 下拉框组件,提供了一个下拉列表供用户选择。 - **`datefield` (Ext.form.DateField)**: 日期选择项组件,用于输入日期值。 - **`timefield` (Ext.form.TimeField)**: 时间录入...

    extjs控件列表

    - **描述**: 工具条项目,工具栏上的任意组件或元素。 - **用途**: 自定义工具栏上的项目,如自定义控件。 **Ext.Toolbar.Separator** - **描述**: 工具栏分隔符,用于在工具栏项之间添加视觉分隔。 - **用途**: ...

    Extjs xtype集合

    - **`Class`**: `Ext.tree.TreePanel` - **描述**: 树形结构的面板,用于展示层级关系的数据。 9. **`flash`:** - **`xtype`**: `flash` - **`Class`**: `Ext.FlashComponent` - **描述**: 用于嵌入Flash内容...

    GWT-Ext_体验之旅.doc

    GWT-Ext 的核心特点在于它扩展了 GWT,融合了 ExtJS 的丰富界面组件,包括有排序功能的表格(Grid)、分页、过滤、拖拽功能的树、自定义的组合下拉框(Combobox)、目录、对话框、表单(Form)等。 1. **GWT-Ext 的...

    ext简单例子

    EXT是一个强大的JavaScript库,主要用于构建富客户端Web应用。它提供了丰富的组件化UI元素,包括树形结构、表单、网格、日期选择器、消息框、下拉框和按钮等。以下是对这些组件的详细说明: 1. **树(Tree)**: ...

    非常好的gwt-ext培训教程

    在实际开发中,GWT-Ext 还涉及到组件的布局管理、事件处理、数据绑定、异步通信(RPC)等方面的知识。学习 GWT-Ext 需要对 GWT 和 ExtJs 有一定的了解,同时掌握 Java 语言和基本的 Web 开发概念。通过实践和不断...

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4 Grid组件 Extjs4 TreeGrid Extjs4 TreePanel实例 ExtJs4 动态加载 Extjs4 带复选框的树(Checkbox tree) Extjs4 新的布局方式 Extjs4 锁定表头(Locking Grid)功能 Extjs4.0 MVC实例 Extjs4.0动态填充...

    Extjs4使用要点个人整理

    3. **表单(Form)配置**:`ExtJS_Form配置.docx`可能包含表单字段的配置,如文本域(textfield)、下拉框(combobox)、复选框(checkbox)等。还会涉及表单验证、数据绑定和提交策略。 4. **树形控件(Tree)配置...

    对初学者有帮助的Ext笔记

    这篇文档是针对初学者的Ext学习笔记,涵盖了JavaScript、CSS、数据库权限管理、JSP编码问题以及Flex/MXML等多个IT领域的基础知识。以下是这些知识点的详细解释: 1. JavaScript中的`replaceAll`方法:在JavaScript...

Global site tag (gtag.js) - Google Analytics