Extjs combox实现autocompelte效果

最新推荐文章于 2025-06-01 15:23:25 发布

Jston

最新推荐文章于 2025-06-01 15:23:25 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJs 文章标签： extjs div class function 数据库 ext

本文链接：https://blog.youkuaiyun.com/jston_learn/article/details/7798919

ExtJs 专栏收录该内容

8 篇文章

订阅专栏

本文深入解析了ExtJS中组合框组件的配置参数，包括id、displayField、valueField、Store、xtype、minChars、listConfig等关键属性的作用及使用方法，帮助开发者更好地利用组合框实现数据展示与交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

                                                        id : 'combo',
							xtype : 'combo',
							store : SearchStore,
							displayField : 'ename',
							valueField : 'ename',
							typeAhead : false,
							hideLabel : true,
							hideTrigger : true,
							minChars : 1,
							listConfig : {
								emptyText : '<div style="line-height:22px;padding:2px 10px">没有找到匹配                                                                              的数据</div>',
								getInnerTpl : function() {
									return '<div class="search-item" >'
											+ '<div class="x-tree-icon x-tree-icon-leaf se                                                                                                arch-item-icon  {iconCls}"></div>'
											+ '{text}' + '</div>'
								}
							}

id:配置id后，方便Ext选择器取对象。

displayField : 是combox显示的值.

valueField:是combox的选项对应的实际值。

Store是本地数据库。

xtype:是Extjs的combox.

minChars:是当输入几个字后开始加载Store.

listConfig:配置下拉列表。