`
fisherhe
  • 浏览: 53052 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Ext之实现下拉查询Combox(Local)

    博客分类:
  • EXT
EXT 
阅读更多

/**
 * 数据源
 * 
 * @type
 */
var makes = [['Acura'], ['Aston Martin'], ['Audi'], ['BMW'], ['Buick'],
		['Cadillac'], ['Chevrolet'], ['Chrysler'], ['Dodge'], ['Ferrari'],
		['Ford'], ['GMC'], ['Honda'], ['HUMMER'], ['Hyundai'], ['Infiniti'],
		['Isuzu'], ['Jaguar']]
/**
 * 构建store
 */
var makesStore = new Ext.data.SimpleStore({
			fields : ['name'],
			data : makes
		});
/**
 * 构建combox
 * 
 */
var makesCombo = {
	xtype : 'combo',
	store : makesStore,
	displayField : 'name',
	valueField : 'name',
	editable : true,
	mode : 'local',
	forceSelection : true,
	triggerAction : 'all',
	filedLabel : '车名',
	emptyText : '输入要查询的车名',
	selectOnFocus : true
};
/**
 * 加载combox
 */
Ext.onReady(function() {
			var showcombo = new Ext.Panel({
						frame : true,
						title : '查询车名',
						bodyStyle : 'padding:5px',
						width : 420,
						id : 'comb',
						url : '...',//提交地址
						items : [makesCombo],
						buttons : [{
									text : '确认',
									handler : function() {
										Ext.getCmp('comb').getForm().submit;
									}
								}]
					});
			// 渲染到body标签上
			showcombo.render(document.body);
		})

 效果图见附件.

 

  • 大小: 8.7 KB
分享到:
评论

相关推荐

    VBCombox实现下拉

    至于"Combox 搜索"这个压缩包文件名,可能包含了实现自动下拉功能的源代码,或者是用于演示的示例项目。通常,这样的项目文件可能包含一个VB工程,里面包含了Form窗口、ComboBox控件以及其他相关组件,以及上述的...

    Ext_comBox模糊查询

    本文将深入探讨如何在EXT中实现Combox的模糊查询功能,以及后台处理自动检索的方法。 模糊查询允许用户在输入框中输入部分文字,系统会自动匹配并显示符合条件的数据。EXT Combox的模糊查询功能通过监听用户的输入...

    Ext 将grid渲染到combox

    下面将详细介绍如何利用 Ext JS 的 XTemplate 特性来实现这一需求。 #### 基本概念与原理 在 Ext JS 中,`ComboBox` 和 `Grid` 都是常用的数据展示控件。通常情况下,`ComboBox` 用于展示和选择单个值,而 `Grid` ...

    ext combox

    在探讨“ext combox”这一主题时,我们深入解析其核心功能——自动提示,这是现代Web应用程序中一个非常实用且常见的特性,尤其在输入框中提供动态搜索建议方面,极大地提升了用户体验。本篇将详细阐述如何利用Ext ...

    C# COMBOX 树下拉,多选下拉等功能

    本文将详细介绍如何实现C# COMBO BOX的树形下拉和多选功能。 一、树形下拉功能实现 1. 使用`TreeView`控件:在COMBO BOX的下拉部分嵌入一个`TreeView`控件,通过`DrawMode`属性设置为`OwnerDrawFixed`,然后重写`...

    combox下拉树combox下拉树

    实现Combox下拉树的关键在于数据结构的设计和UI组件的交互。数据结构通常包含父节点和子节点信息,以便在界面上形成层次结构。同时,要处理好展开、折叠、选择事件,确保用户体验流畅。 在实际应用中,Combox下拉树...

    c# combox根据输入自动查询

    然而,为了提供更友好的用户体验,开发人员常常需要实现一个功能,即“根据输入自动查询”,这正是“c# combox根据输入自动查询”这个主题所关注的核心点。这个功能允许用户在输入框中键入文字时,ComboBox会实时地...

    文本框加下拉可实现combox样式,可自已编辑,一个文本框加下拉

    可实现combox样式,可自已编辑,一个文本框加下拉

    下拉组合框Combox中的文字显不全怎么解决

    怎么解决下拉组合框Combox中的文字显不全

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    在EXTJS4中,`ComboBox` 是一个非常常用的组件,它提供了一个下拉选择框的功能。在某些场景下,我们可能需要在下拉菜单中展示更丰富的信息,比如表格数据,这时...在EXTJS4中,这个控件是实现复杂下拉选择功能的利器。

    Winform中的ComBox控件实现换行 当文本长度达到最大时实现换行

    在Windows Forms(Winform)开发中,ComBox控件是一种常用的下拉选择组件,它提供了用户友好的交互界面。然而,默认情况下,ComBox控件的显示文本是单行的,当文本长度超过一定限制时,超出的部分会被截断,显示为...

    Combox下拉多值

    源码通常是程序员为了实现特定功能而编写的计算机程序代码,这里提供的"Combox下拉多值"的源码可能是一个自定义控件,允许用户在下拉菜单中选择多个选项,并将这些选择存储为一个集合。这个源码可能是用某种编程语言...

    combox 实现搜寻功能

    ### combox实现搜寻功能详解 在Java编程中,`JComboBox`是Swing库中的一个组件,用于创建下拉列表或组合框。它能够显示一个可编辑的文本字段和一个下拉列表,用户可以在其中选择一个选项或者手动输入文本。`...

    extcombox搜索功能

    在ExtJS的ComboBox中,搜索功能是其核心特性之一,允许用户通过输入关键字来过滤下拉列表中的选项,以实现快速定位。这种功能通常称为模糊查询,因为用户可以输入部分关键字,系统会自动匹配并显示与之相关的所有项...

    js 实现combox 树选择

    在JavaScript编程中,"js 实现combox 树选择"是指使用JS来创建一个具有下拉树形结构的组合框(ComboBox)。ComboBox通常用于提供一个输入框和一个下拉列表,用户可以在输入框中直接键入,或者从下拉列表中选择一个值...

    WPF实现DataGrid嵌入ComBox绑定

    在WPF中,DataGrid控件常用于展示和操作大量数据,而ComboBox则是一个下拉列表控件,适用于提供用户选择的选项。本篇文章将深入探讨如何在WPF应用中实现DataGrid嵌入ComboBox并进行数据绑定。 首先,我们需要理解...

    c# datagirdview控件内嵌combox方法与内嵌combox可下拉可编辑与combox加载数据库数据

    本教程将详细讲解如何在DataGridView中内嵌ComboBox,并实现可下拉编辑以及从数据库加载数据的功能。 1. **创建内嵌ComboBox** 在C#中,我们首先需要在DataGridView的列定义中设置某一列的数据类型为DataGridView...

    EXT中COMBOX联动

    "EXT中COMBOBOX联动"指的是在EXTJS应用中,两个或多个COMBOBOX之间实现数据交互和联动效果,即当一个COMBOBOX的选择项改变时,会触发其他COMBOBOX的更新,以展示与当前选择相关联的数据。 EXTJS的COMBOBOX联动通常...

    Flex ComBox 下拉树功能

    要实现Flex ComBox的下拉树功能,我们需要以下几个关键步骤: 1. 引入库:首先,确保在你的项目中包含了Flex SDK的相关库,特别是包含Tree组件的库,例如mx.controls.Tree。 2. 创建Tree对象:在代码中创建一个...

    VB 实现Combox下拉列表颜色选择控件 (1).zip

    标题“VB 实现Combox下拉列表颜色选择控件 (1).zip”所提及的,就是一种用VB实现的特殊ComboBox控件,它不仅具有标准的下拉列表功能,还能展示颜色选项,让用户能够方便地选取所需颜色。 ComboBox控件是VB中的基础...

Global site tag (gtag.js) - Google Analytics