Extjs combox实现autocompelte效果

理解ExtJS中组合框组件的配置参数

最新推荐文章于 2020-12-19 08:58:48 发布

原创最新推荐文章于 2020-12-19 08:58:48 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #div #class #function #数据库 #ext

ExtJs 专栏收录该内容

8 篇文章

订阅专栏

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

代码如下：

                                                        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:配置下拉列表。