`
liuxi1024
  • 浏览: 391006 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

支持手工输入的combo问题处理

 
阅读更多

1、说明

可手工输入内容的combo,当手工输入值后,提交表单时无法获取文本中的内容

2、解决

width: 200,
maxLength:20,
xtype: 'combo',
fieldLabel: '运输车牌号码',
hiddenName: 'carNumber',
id:'carNumber_id',
width: 200,
valueField: 'name',
displayField: 'name',
//editable: false,
triggerAction: 'all',
//mode: 'local',
store: new Ext.data.JsonStore({url:'dictionary/cars.do', root:'cars', fields:['id','name'], autoLoad: true}),
listeners : {//增加如下监听即可以获取手工输入的内容
	select : function(combo, record, index) {  
	     Ext.getCmp('carNumber_id').setValue(combo.getRawValue());  
	 },  
	 'blur' : function(f) {  //焦点移出触发事件
	      var textvalue = this.el.dom.value;   
	      Ext.getCmp('carNumber_id').setValue(textvalue);  
	  }  
}

 

 

 

分享到:
评论

相关推荐

    精彩编程与编程技巧-处理 Dropdown List型 Combo的录入问题...

    处理Dropdown List型Combo的录入问题,涉及到如何确保用户输入或选择的数据能够正确地被识别并存储。在给定的描述和部分代码中,我们看到了一个名为`SetComboText`的函数,它旨在解决当`ComboStyle`设置为'2-...

    combo-select 模糊查询下拉框

    在这个组件中,jQuery被用来监听用户输入,执行模糊查询,动态加载和隐藏下拉选项,以及处理用户选择的结果。模糊查询算法可能是通过匹配用户输入的关键字来过滤下拉选项,然后按照某种排序规则(如匹配度、字母顺序...

    铭瑄MS-撼地者 H110M Combo支持8代cpu

    【标题】"铭瑄MS-撼地者 H110M Combo支持8代cpu" 描述了这款主板的型号和其兼容的处理器代际。铭瑄是一家知名的电脑硬件制造商,MS-撼地者H110M Combo是他们推出的一款基于Intel H110芯片组的主板。该主板的独特之处...

    jQuery-ComboSelect插件

    需要注意的是,尽管jQuery-ComboSelect提供了许多便利,但在实际项目中,开发者仍需关注性能问题。例如,如果下拉列表包含大量数据,应考虑使用分页或懒加载策略,避免一次性加载所有选项导致页面卡顿。 总的来说,...

    Jquery Combo下拉框示例

    **jQuery Combo下拉框示例详解** 在网页开发中,下拉框(Dropdown List)是一种常用的用户界面元素,用于提供用户选择多个预定义选项。jQuery ComboJS是一个轻量级的库,专门用于创建功能丰富的下拉框组件。它以其...

    jQuery下拉查询筛选插件Combo Select

    **jQuery下拉查询筛选插件Combo Select** 在Web开发中,为了提高用户体验,经常会使用到下拉选择框,特别是当选项列表很长时。jQuery库提供了一种强大的方式来增强原生HTML元素的功能,其中就包括了`Combo Select`...

    Jquery combo-select

    3. 错误处理:添加验证机制,防止用户输入非法值。 4. 多选模式:支持多选功能,用户可以同时选择多个选项。 5. 自定义样式:通过CSS定制组件的外观,使其与网站设计风格保持一致。 6. 插件集成:利用现有的...

    前端开源库-node-combo

    node-combo就是这样一款能够帮助我们高效完成这一任务的工具,它利用Node.js的强大处理能力,优化前端性能。 在前端项目中,如果每个HTML页面都需要引用多个JS或CSS文件,每次加载页面时浏览器都会发起多个请求,这...

    ext中combo过滤

    在探讨“Ext中Combo过滤”的实现机制之前,我们先来了解一下基本概念。Ext是一个功能强大的JavaScript框架,用于构建复杂的Web应用程序。它提供了大量的UI组件,其中就包括了`ComboBox`(简称`Combo`)。`ComboBox`...

    ComboList的应用

    "Text1.Text = Combo1.List(4)" 这一行代码是VB6.0中的典型用法,它展示了如何与组合框进行交互并处理其数据。我们来详细解析一下: 1. **Text1.Text**: `Text`属性是VB6.0中标签(Label)或文本框(TextBox)控件...

    combo控件的用法

    Combo控件是软件开发中常用的一种用户界面元素,它结合了下拉列表和文本框的功能,使得用户在输入文本的同时可以方便地从预定义的选项中选择。在本篇文章中,我们将深入探讨Combo控件的基本概念、使用场景、功能特点...

    前端开源库-combo-url

    2. **配置与集成**:在实际项目中,开发者需要将`combo-url`库集成到构建工具(如Webpack、Gulp或Grunt)或者服务端框架(如Express、Django等)中,设置相应的路由和处理函数来支持combo服务。 3. **性能优化**:...

    jQuery下拉查询筛选插件Combo Select.zip

    4. **多选支持**:用户可能需要选择多个选项,插件应提供这种功能,并能够正确处理和显示选中项。 5. **可扩展性**:允许开发者根据需求进行二次修改或扩展,比如添加新的事件处理器,或者修改筛选逻辑。 在压缩包...

    combo-select-master.zip

    Combo-Select是一款强大的下拉选择插件,专为前端开发者设计,用于实现高效、灵活的输入下拉查询功能。这款插件基于JavaScript库jQuery构建,提供了丰富的特性来满足用户在网页交互中的各种需求。 首先,让我们深入...

    前端开源库-leju-combo

    5. 错误处理:处理文件不存在、权限问题等可能出现的错误情况。 在“combo-static-master”这个压缩包中,可能包含了项目的源代码、示例、文档以及配置文件等。开发者可以对其进行二次开发,根据实际项目需求进行...

    combo和树结合,多层次的数据的选择

    在IT行业中,组合控件(Combo)和树控件(Tree)的结合是一种常见的数据展示和选择方式,尤其适用于处理多层次的数据结构。这种设计能够帮助用户以直观且交互性强的方式浏览和选择复杂的数据层级。标题“combo和树...

    MFC 实现Combo Box下拉列表操作

    而Combo Box,则是一种常见的用户界面元素,它可以显示一个可下拉的列表,用户可以从这个列表中选择一项或多项,也可以手动输入文本。 ### MFC中实现Combo Box的关键步骤 根据提供的代码片段,我们可以看到实现一...

    vc6重绘的一个combo,可以显示超过combo长度的文本

    标题所提到的“vc6重绘的一个combo,可以显示超过combo长度的文本”,是指通过自定义重绘ComboBox控件的方式,解决了这个限制问题。开发者通常会通过以下步骤实现这一功能: 1. **派生一个新的ComboBox类**:创建一...

    在工具栏上添加Combo控件

    4. **事件处理**:为ComboBox的事件添加处理程序,如SelectedIndexChanged或TextChanged,以便在用户做出选择或输入时执行相应的操作。例如,当用户选择了一个新的选项,你可以通过`comboBox1_SelectedIndexChanged`...

    jquery selectcombo的用法

    为了解决这一问题,jQuery库提供了丰富的插件,其中jQuery SelectCombo就是一款强大的下拉选择框增强工具。本文将深入探讨jQuery SelectCombo的用法、特性以及实际应用场景,旨在帮助开发者更好地理解和运用这一工具...

Global site tag (gtag.js) - Google Analytics