组合框

PS：JS文件没有经过压缩，所以可以直接打开查看。完整源码请见：combos.js。

数据源
组合框可以使用任何形式的 Ext.data.Store 实例当作它的数据源。这就意味着你的数据可以是 XML、JSON、数组或者其他任何支持的格式。可以通过 Ajax、脚本标签、或者页面内嵌来读取数据。这个组合框使用的是页面内嵌的 JS 数组当作数据源。

// simple array store
var store = new Ext.data.SimpleStore({
    fields: ['abbr', 'state'],
    data : exampleData
});
var combo = new Ext.form.ComboBox({
    store: store,
    displayField:'state',
    typeAhead: true,
    mode: 'local',
    triggerAction: 'all',
    emptyText:'请选择州...',
    selectOnFocus:true
});
combo.applyTo('local-states');

无侵入性
该组件能够非常轻松地将已有的 Select 元素转换为 auto-completing、filtering 格式的组合框。

转换后的列表框：

未转换的列表框：

var converted = new Ext.form.ComboBox({
    typeAhead: true,
    triggerAction: 'all',
    transform:'state',
    width:135,
    forceSelection:true
});

表格编辑器
点击此处查看将组合框作为表格编辑器的例子。


模板与 Ajax
点击此处查看更高级的例子。