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

EXT comboBox自动提示

    博客分类:
  • EXT
阅读更多

在网上找的comboBox联想输入,使用后发现有个问题是当输入的文本在列表中不存在,失去焦点后,再展开列表还是显示的是过滤后的列表,要手动去退格文本框(已经是空文本了),列表才显示所有的,于是增加了个onblur事件解决了,本人用的2.2,多半其他不是这样。

 

listeners:{
	            	beforequery:function(e){  
						var combo = e.combo;   
						if(!e.forceAll){  
							var value = e.query;  
							combo.store.filterBy(function(record,id){  
								var text = record.get(combo.displayField);  
								return (text.indexOf(value)!=-1);
							});  
							combo.expand();  
							return false;  
						}  
	            	},
	            	blur: function(combo){
	            		if(combo.getValue()==''){//没选择
	            			combo.clearValue();//清除文本值
	            			combo.store.filterBy(function(record,id){//过滤出所有下拉项
	            				return true;
	            			})
	            		}
	            	}
	            }
 

 

分享到:
评论

相关推荐

    ext combox

    本篇将详细阐述如何利用Ext JS框架中的ComboBox组件实现类似百度搜索的自动提示功能,包括其配置参数、工作原理以及实际应用。 ### 一、Ext ComboBox概述 Ext JS是一个用JavaScript编写的开源前端框架,用于构建...

    coolite ComboBox智能提示

    智能提示和智能检索的核心在于,当用户在ComboBox中输入字符时,控件会自动向服务器发送请求,Handler.ashx接收请求,根据`query`参数执行数据库查询,然后返回匹配的姓名列表。ComboBox接收到响应后,根据返回的...

    ext combox 下拉框不出现自动提示,自动选中的解决方法

    在EXT JS框架中,`Ext.form.ComboBox`是一个用于创建下拉选择框的组件,它提供了丰富的功能,包括自动提示和自动选中等。在你遇到的问题中,下拉框不出现自动提示,也不能自动选中,这通常是由于配置不当或者某些...

    EXT2.0中文教程

    1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...

    Ext 开发指南 学习资料

    1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用...

    Ext.form表单中各种属性应用详解

    **Ext.form.ComboBox** 是一个下拉列表框组件,用于提供可选列表供用户选择。 - **allQuery**: 类型为 `String`,当用户在组合框中输入时,此属性定义所有匹配的项都将显示在列表中。 - **autoCreate**: 类型为 `...

    Ext2.0 form使用实例的例程

    4. **数据绑定(Data Binding)**:Ext 2.0支持双向数据绑定,这意味着表单字段与后台数据模型之间的数据自动同步。这简化了数据处理,尤其是当需要更新或验证用户输入时。 5. **验证(Validation)**:Ext 2.0提供...

    ext和php实现的省级联动

    在网页开发中,"省级联动"通常指的是当用户选择一个省份时,下拉菜单会自动更新展示该省下属的城市,这种交互方式提高了用户体验并减少了错误输入。本项目使用了EXT JavaScript库和PHP后端来实现这一功能。EXT是一个...

    Ext Js权威指南(.zip.001

    9.4.10 自动布局:ext.layout.container.auto / 453 9.4.11 表格布局:ext.layout.container.table / 454 9.4.12 列布局:ext.layout.container.column / 455 9.4.13 自适应布局:ext.layout.container....

    ext-1.0.1.rar

    6. **Form Elements**:EXT提供了多种表单元素,如文本框(TextField)、复选框(Checkbox)、下拉框(ComboBox)等,以及表单验证功能,方便创建交互式的表单。 7. **Drag & Drop**:EXT支持拖放功能,使得用户...

    extcombox搜索功能

    在ExtJS中,`Ext.form.field.ComboBox`(简称ComboBox)是一种常用的控件,它提供了一个下拉列表,用户可以在其中选择一个或多个项目。这个控件在数据展示和用户交互方面具有广泛的应用,特别是在需要进行快速筛选和...

    ext简单例子

    EXT的ComboBox支持远程加载数据,可以实现动态过滤和自动补全功能。 7. **按钮(Button)**: Button组件用于触发某种操作,可以设置文字、图标、工具提示和点击事件。EXT的按钮支持不同状态(如禁用、加载中)和...

    ext常用操作

    - 控制容器内的滚动条自动显示,当容器内容超出其大小时自动显示滚动条。 - 示例:`autoScroll: true`。 5. **resizable** 属性 - 控制窗口是否可调整大小。 - 示例:`resizable: false`,表示窗口不可调整大小...

    EXT 实现省份--城市--地区--级连

    var provinceComboBox = Ext.create('Ext.form.field.ComboBox', { store: provinceStore, displayField: 'name', valueField: 'id', listeners: { select: function(combo, records) { var ...

    Ext 2.0 中文api 天涯浪子

    9. **工具提示和弹出框**:Ext 2.0提供了Tip和MessageBox等组件,方便添加提示信息和弹出对话框,提升用户体验。 10. **国际化支持**:尽管这个中文API文档是针对中文环境的,但Ext 2.0本身具有很好的国际化支持,...

    ext的edittreegrid实现

    3. **添加CellEditing插件**:EXT JS的CellEditing插件使用户能够点击单元格进行编辑,完成后自动保存更改。需在GridPanel上启用此插件,并为每列指定编辑器。 4. **绑定事件**:监听树节点的点击事件,以便在需要...

    Ext中文教程.最好的Ext学习资料

    - **消息框类型**:包括提示框、输入框、确认框以及进度条对话框等,它们提供了丰富的用户交互方式。 - **自定义消息框**:通过扩展或配置,可以自定义消息框的外观和行为,使其更符合应用需求。 #### 五、页面与...

    Ext 2 API Documentation

    7. **工具提示**(ToolTip)和提示框(Alert/Confirm):EXTJS提供了自定义的提示功能,可以创建带有丰富内容和样式的提示信息。 8. **拖放功能**:EXTJS支持组件的拖放操作,可以轻松创建可交互的界面元素。 9. *...

    ExtJS3 实现异步下拉树

    var comboBox = new Ext.form.ComboBox({ store: treeStore, displayField: 'text', valueField: 'id', typeAhead: false, mode: 'local', triggerAction: 'all', queryMode: 'local', width: 200, tree: ...

Global site tag (gtag.js) - Google Analytics