javascript - 在extjs中选择字段

我正在使用extjs 6.5.3试用版，我想创建一个选择字段，但它不起作用
我的代码是这样的（带有按钮和选择字段的工具栏）

                        {
                          xtype : 'button',
                          text  : 'Next',
                          iconCls : 'x-fa fa-arrow-circle-right',
                          handler : function () {
                              Ext.getCmp('employeescheduler').shiftNext();
                          }
                      },{
                           xtype: 'selectfield',
                           label: 'Choose one',
                           options: [{
                                text: 'First Option',
                                value: 'first'
                            }]
                      }

但它显示了一个错误：

Error: [Ext.create] Unrecognized class name / alias: widget.selectfield

我试图要求它，但没有结果

requires : [
    'Sch.examples.externaldragdrop.view.MainView',
    'Ext.field.Select'
],

最佳答案

您必须将商店绑定到组合框：

小提琴：https://fiddle.sencha.com/#view/editor&fiddle/2es4

        Ext.create('Ext.form.field.ComboBox', {
           renderTo: Ext.getBody(),
           fieldLabel: 'Select an option',
           store: Ext.create('Ext.data.Store', {
               fields: ['optionName', 'value'],
               data: [
                    {
                        value: 1,
                        optionName: 'First Option'
                    },
                    {
                        value: 2,
                        optionName: 'Second Option'
                    },
                    {
                        value: 3,
                        optionName: 'Third Option'
                    }
                ]
           }),
           emptyText: 'Select...',
           displayField: 'optionName',
           valueField: 'value'
        });