/** * 数据源 * * @type */ var makes = [['Acura'], ['Aston Martin'], ['Audi'], ['BMW'], ['Buick'], ['Cadillac'], ['Chevrolet'], ['Chrysler'], ['Dodge'], ['Ferrari'], ['Ford'], ['GMC'], ['Honda'], ['HUMMER'], ['Hyundai'], ['Infiniti'], ['Isuzu'], ['Jaguar']] /** * 构建store */ var makesStore = new Ext.data.SimpleStore({ fields : ['name'], data : makes }); /** * 构建combox * */ var makesCombo = { xtype : 'combo', store : makesStore, displayField : 'name', valueField : 'name', editable : true, mode : 'local', forceSelection : true, triggerAction : 'all', filedLabel : '车名', emptyText : '输入要查询的车名', selectOnFocus : true }; /** * 加载combox */ Ext.onReady(function() { var showcombo = new Ext.Panel({ frame : true, title : '查询车名', bodyStyle : 'padding:5px', width : 420, id : 'comb', url : '...',//提交地址 items : [makesCombo], buttons : [{ text : '确认', handler : function() { Ext.getCmp('comb').getForm().submit; } }] }); // 渲染到body标签上 showcombo.render(document.body); })
效果图见附件.