`
kaobian
  • 浏览: 211379 次
  • 性别: Icon_minigender_1
  • 来自: 哈尔滨
社区版块
存档分类
最新评论

Extjs combobox 自动提示

阅读更多
简单介绍一些原理,代码大家下载附件就可以了。

extjs 的combobox 支持 autocomplete功能的几点注意,需要修改几个地方:
triggerAction : 'query' 这个表示 自动提示,
queryParam : 'autoContent' 这个是对输入的字符窜向后台传递的变量名字
listeners : {
  //为了解决 编辑后无法保存
  render : function(f) {
   f.el.on('keyup', function(e) {      f.setValue(f.getRawValue());
 });
}
}
这个是为了解决 如果保存输入的 的文字 会有问题

附件 下载后 用mysql 数据库就可以得到演示,我只是做功能的 demo,没有做任何的判断
1
1
分享到:
评论
2 楼 wangcl011 2014-08-28  
采用ExtJS4.2的Ext.form.ComboBox实现自动完成,完整代码及在线实例:http://www.itdatum.net/webui/extjs/2014/08/7924.html
1 楼 xyzxingyan 2012-06-12  
哈,你这中方法在IE中,会报JS错误,可以用监听beforequery这个事件解决IEjs错误的问题。。

相关推荐

    无废话ExtJs 系统教程十九[动态复选框:RemoteCheckboxGroup]

    在实际开发中,你可能需要根据项目需求进行一些自定义设置,例如错误处理、加载提示、分页等。ExtJS提供了丰富的API和配置选项,让你能够灵活地调整组件的行为。 总之,"无废话ExtJs 系统教程十九[动态复选框:...

    EXTJS属性文档

    本文将深入探讨EXTJS的一些重要属性,包括`Ext.form.TimeField`、`Ext.form.FieldSet`、`Ext.form.DateField`和`Ext.form.ComboBox`。 首先,`Ext.form.TimeField`是EXTJS中的一个时间选择控件,用于让用户选择一个...

    ExtJs搜索控件、插件

    1. **搜索控件**:在ExtJS中,搜索控件通常是基于`Ext.form.field.Text`或`Ext.form.field.ComboBox`进行扩展的。它们提供了基本的文本输入,允许用户输入关键字来执行搜索操作。你可以通过添加额外的属性和方法来...

    漂亮的Extjs+struts2实现联动下拉

    接下来,在ExtJS的前端代码中,我们可以创建两个ComboBox,第一个ComboBox的选择事件触发AJAX请求,向Struts2 Action发送请求。使用Ext.Ajax请求API,指定URL为Action的地址,同时传递必要的参数。当请求成功返回时...

    ExtJS-3.4.0系列目录

    - `Auto`:自动布局,根据内容自动调整大小。 - `Fit`:自适应布局,一个子组件完全填充容器。 - `Accordion`:折叠布局,每个子项可折叠。 - `Anchor`:锚点布局,通过锚点来定义组件大小。 - `Absolute`:...

    ExtJSWeb应用程序开发指南(第2版)

    3.2 信息提示框组件介绍 3.2.1 认识Ext.window.MessageBox 3.2.2 Ext.MessageBox.alert() 3.2.3 Ext.MessageBox.confirm() 3.2.4 Ext.MessageBox.prompt() 3.2.5 Ext.MessageBox.wait() 3.2.6 Ext....

    ExtJS3 实现异步下拉树

    8. **配置项**:例如,`displayField`定义显示字段,`valueField`定义值字段,`triggerAction`定义触发下拉显示的行为,`typeAhead`控制自动补全等。 以下是一个简单的示例代码片段,展示了如何创建一个异步下拉树...

    Extjs3+MySQL后台数据库实现省份城市二级联动

    3. **ExtJS前端实现**:在ExtJS中,我们可以创建两个`ComboBox`(下拉框)组件,分别代表省份和城市。省份下拉框的配置应包括加载所有省份的数据,而城市下拉框的配置则需要监听省份下拉框的`select`事件,当省份...

    Extjs的学习资料

    在开发ExtJS应用时,可能会使用到如Eclipse、NetBeans等IDE的特定插件,这些工具能提供代码提示、自动完成和调试功能,提高开发效率。 5. **ExtJS中的jQuery**: 虽然ExtJS有自己的DOM操作和事件处理机制,但与...

    Extjs中文教程

    - **消息框**是Extjs中用于显示简单通知或提示信息的一种控件。 - 包括提示框、输入框、确认框等多种类型。 - **自定义消息框**允许开发者自定义消息框的样式、布局和交互行为。 - **进度条对话框**用于显示后台任务...

    轻松搞定ExtJS.pdf

    - **SPKET IDE**: 一个专门用于开发ExtJS项目的集成开发环境(IDE),提供了代码提示、调试等功能。 - **资源**: - 官方文档。 - 社区论坛。 - 示例代码。 #### 3. ExtJS OOP基础 - **JavaScript类定义**: 使用`...

    extjs的快速入门教程

    - **Form布局**: 专为表单设计,自动调整字段的宽度。 - **Accordion布局**: 类似于手风琴,展开时隐藏其他项。 - **Card布局**: 显示多个卡片,每次只显示一张。 - **Table布局**: 用于显示表格数据。 #### 六...

    Extjs属性大全

    ### Ext.form.ComboBox(组合框) - **displayField**:此属性定义了在组合框中显示的字段名。 - **editable**:指示是否可以编辑组合框,默认为`true`。 - **forceSelection**:设置是否强制选择列表中的值。如果...

    extjs控件属性

    - minChars:触发自动选择之前用户需要输入的最小字符数,mode='remote'默认为4,mode='local'默认为0。 这些属性是EXTJS中一些常见控件的核心配置,它们帮助开发者定制控件的行为和外观,以满足特定的应用场景...

Global site tag (gtag.js) - Google Analytics