`

combobox

 
阅读更多

1、使用combobox时,它有一个hiddenName的属性,专门用于提交combobox中value的值.

     现假设某combobox的Id为comboId,hiddenName属性的值为hiddenValue,

     那么,使用Ext.get('comboId').dom.value方法获取的是combobox中选中项的文本text值,

      而使用Ext.get('hiddenValue').dom.value获取的才是combobox中需要提交的value的值。

2、
出现这种情况,赋值给id时在combo中也显示的是id的值,不能将name值显示出来。
 

使用combobox时它的store从后台加载,但这时同时使用setValue('id')时显示出id值,如下面代码

var zsjgStore = new Ext.data.JsonStore({
	fields:zsjgrecord
})
dmzsjgController.getLoginUserCodes(function(data){
			if(data!=null){
				zsjgStore.loadData(data);
							}
		})

{   xtype:'label',
	 text:'选择征收机构:',
	 style:'color:red;'}, 
{
	xtype : 'combo',
	labelSeparator : '',
	width : 120,
	store : zsjgStore,
	typeAhead : true,
	editable : false,
	triggerAction : 'all',
	mode : 'local',
	anchor : '96%',
	minWidth : 60,
	lazyInit : false,
	lazyRender : false,
	id : 'zsjg',
	//name : 'zsjg',
	valueField : 'code',
	displayField : 'name'
}

Ext.getCmp('zsjg').setValue("26101");


/**
store: [ [ '西安市', '26101' ],[ '高新区', '26101980010' ]]
**/

 用以上代码在combobox中显示的是26101,而不是西安市,如果想要让它显示成西安市就需要改造成下面的代码:

var zsjgStore = new Ext.data.JsonStore({
	fields:zsjgrecord
})
dmzsjgController.getLoginUserCodes(function(data){
			if(data!=null){
				zsjgStore.loadData(data);
				Ext.getCmp('zsjg').setValue("26101");
			}
		})

{   xtype:'label',
	 text:'选择征收机构:',
	 style:'color:red;'}, 
{
	xtype : 'combo',
	labelSeparator : '',
	width : 120,
	store : zsjgStore,
	typeAhead : true,
	editable : false,
	triggerAction : 'all',
	mode : 'local',
	anchor : '96%',
	minWidth : 60,
	lazyInit : false,
	lazyRender : false,
	id : 'zsjg',
	//name : 'zsjg',
	valueField : 'code',
	displayField : 'name'
}



/**
store: [ [ '西安市', '26101' ],[ '高新区', '26101980010' ]]
**/

 将赋值写在调用内,出现这样的原因是因为出现异步调用的情况发生,因为js在执行到赋值时store还没有返回到值进行赋值。

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

相关推荐

    QML-自定义ComboBox

    在本文中,我们将深入探讨如何在Qt环境中使用QML实现一个自定义的ComboBox组件。ComboBox在用户界面设计中是一个常见的控件,它提供了一个下拉列表供用户选择,通常用于有限的选项展示。通过自定义ComboBox,我们...

    改变ComboBox下拉高度/强行展开下拉表/自动查询列表/多列下拉框/XP风格Combobox/带图标的ComboBox

    在Windows编程中,ComboBox是一个非常常用的控件,它结合了文本输入框和下拉列表的功能。这个主题涵盖了几个关于ComboBox的高级特性和定制方法,包括改变下拉高度、强制展开下拉列表、实现自动查询功能、创建多列...

    winform combobox 模糊查询

    在Windows Forms应用程序中,ComboBox控件是常用的交互元素,它允许用户从一组预定义的选项中选择一个。在某些情况下,我们可能希望实现ComboBox的模糊查询功能,这使得用户可以通过输入部分文本快速查找并选择所需...

    C#combobox内容搜索实例

    在本文中,我们将深入探讨如何在C#编程中实现ComboBox控件的动态搜索功能,以提升用户界面的交互性和效率。ComboBox是Windows Forms应用程序中常用的一种控件,它允许用户从下拉列表中选择一个项或者手动输入内容。...

    C# 自定义控件 自定义ComboBox

    5. **美化ComboBox**:文件“美化ComboBox”可能包含对ComboBox外观的定制代码,如改变字体、颜色、边框样式等。这可以通过重写OnPaint方法实现。 ```csharp protected override void OnPaint(PaintEventArgs e) { ...

    多选框Combobox

    多选框(Checkbox)和下拉选择框(ComboBox)是常见的用户输入组件,它们允许用户进行多项选择或从预设选项中选择。本篇文章将深入探讨基于jQuery的Combobox插件,这是一种将多选框与下拉功能结合的高效解决方案,...

    Delphi在stringGrid控件中嵌入Combobox下拉框

    然而,有时我们可能需要在特定单元格中提供更丰富的交互功能,比如添加一个Combobox(下拉框)来让用户从预设选项中选择。本教程将详细介绍如何在StringGrid中嵌入Combobox控件,以增强用户界面的可操作性和用户体验...

    ComboBox自绘边框颜色等

    在Windows编程中,ComboBox是一个常用的控件,它结合了下拉列表和文本输入框的功能。在某些场景下,为了实现个性化界面或者特定的设计需求,我们可能需要对ComboBox进行自定义绘制,比如改变其边框颜色、高亮色彩等...

    WPF combobox button 漂亮样式

    在Windows Presentation Foundation (WPF) 中,ComboBox是一个常用的控件,它结合了下拉列表和文本框的功能,允许用户从预定义的选项中选择或输入自定义值。本篇文章将详细探讨如何为WPF ComboBox创建漂亮的按钮样式...

    spreadjs中的combobox

    解决了低版本spreadjs自带combobox,当cell处于页面最底部时,combobox下拉选项只能向下展开,导致下拉选项被遮挡的问题,重写之后,当下拉选项展示高度超出之后,自动向上展开,调用方式如下: import ...

    WinForm中comboBox控件数据绑定实现方法

    WinForm中comboBox控件数据绑定的实现方法 WinForm中comboBox控件数据绑定是许多开发者需要掌握的技巧,本文将详细介绍WinForm中comboBox控件数据绑定的实现方法,并结合实例形式分析了WinForm实现comboBox控件数据...

    #ComboBox自动补全小技巧(模糊查找)

    在.NET框架下,ComboBox控件是Windows Forms应用程序中常见的组件,用于展示下拉列表供用户选择。本教程将深入探讨如何在C#环境下,利用VS2005为ComboBox添加自动补全或模糊查找功能,这在实际开发中非常实用,能够...

    ComboBox中添加颜色和式样

    在Windows编程中,ComboBox是一个非常常用的控件,用于展示下拉列表供用户选择。当我们需要在ComboBox中添加更丰富的元素,比如颜色和样式,通常会涉及到GDI+库的使用,因为GDI+提供了强大的图形绘制功能。这篇教程...

    C#窗体Combobox简单用法

    在C#编程中,Windows Forms控件是构建用户界面的核心元素,其中ComboBox是一个常用且功能丰富的控件。本教程将详细介绍如何在C#窗体应用中简单使用ComboBox,包括设置显示值与后台获取的值。 ComboBox控件在Windows...

    用在asp.net的combobox控件

    ASP.NET中的ComboBox控件是一种非常实用的用户界面元素,它结合了下拉列表框和文本输入框的功能,允许用户从预定义的选项中选择或手动输入值。在C#编程中,ComboBox通常用于构建交互性强、用户体验良好的Web应用程序...

    ComboBox

    ComboBox是计算机编程中常见的一种控件,特别是在GUI(图形用户界面)设计中。它结合了文本输入框和下拉列表的功能,用户可以在输入框中键入文字,也可以从下拉列表中选择已有的选项。在Windows编程、Web开发、...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

    SQLite 数据库绑定combobox c# windows mobile

    本教程将深入探讨如何在C#环境下使用SQLite数据库与ComboBox控件进行交互,帮助开发者实现数据查询和展示。 首先,我们需要安装SQLite for .NET,这是一个允许.NET应用程序访问SQLite数据库的库。可以通过NuGet包...

    delphi7实现 combobox下拉hint.

    在Delphi 7中,`ComboBox`控件是常见的用户界面元素,用于提供一个下拉列表供用户选择。然而,有时候我们希望在用户鼠标悬停在下拉项上时显示额外的信息,这就是所谓的"hint"功能。在Delphi中,我们可以自定义这个...

    unity3D 制作的ComboBox组件

    然而,对于ComboBox(下拉列表)这样的常见GUI元素,Unity5.3之前的版本并未内置,这使得开发者需要自行实现。 ComboBox组件在UI设计中扮演着重要角色,它允许用户从一组预设选项中进行选择,常用于设置菜单或选项...

Global site tag (gtag.js) - Google Analytics