[Ext JS]3.2.3 下拉选项框 Combobox

本文介绍了Ext JS中的Combobox组件,它是一种下拉单选项组件,支持自动完成和远程加载。主要内容包括Combobox的基本用法、主要配置项、数据源、显示与值的差异处理、自动过滤以及动态设置参数的方法。通过示例展示了如何配置和使用Combobox,以满足不同场景的需求。
摘要由CSDN通过智能技术生成

Combobox 的介绍

Combobox , 翻译过来是组合框, 也称为下拉框。
该组件类用于创建下拉单选项组件进行选值。对应的类是:Ext.form.field.ComboBox。
Combobox除了可以在下拉单选值,还支持自动完成(输入值时自动匹配下拉单中的选项),远程加载和其他的一些功能。

Ext JS 的Combobox 类似HTML的 <input>标签和<select>标签的组合。 支持在字段中自由输入,也可以从下拉单列表中选值。不在下拉单选项的值也可以输入; 但是也可以设置forceSelection的值是true来限制输入的值必须位于下拉列表的选项中。

选项列表的值从Ext.data.Store 填充,包括远端数据储存。数据仓库中的数据项分别通过valueField 和 displayField 配置映射到每个选项的显示文本和值。

如果数据不是远程的,比如是本地数据,直接从前端加载, 需要设置queryMode 的值为 “local”,这会提高用户的响应速度。

Combobox 的基本用法

比较典型的用法:

  1. 定义一个Store
        var generals &#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值