Расширение текстового поля с кнопкой в ​​ExtJs

Question

Как создать специальный Ext.form.TextField с помощью кнопки.Когда пользователь нажимает на него, он показывает список элементов на выбор.Когда что-то выбрано, оно возвращается к родительской форме, заполняя форму выбранным элементом.

Answer 1

Вы только что прекрасно описали ComboBox, поэтому вы можете использовать его вместо этого:

http://dev.sencha.com/deploy/dev/docs/?class=Ext.form.ComboBox

Однако, если вам все еще нужна кнопка рядом с TextField, тогдаВы можете использовать CompositeField:

http://dev.sencha.com/deploy/dev/docs/?class=Ext.form.CompositeField

var MyField = new Ext.form.TextField({
    name: 'my_field',
    flex: 1
});

new Ext.form.CompositeField({
    fieldLabel: 'My field',
    items: [
        MyField,
        {
            xtype: 'button',
            text: 'Choose item'
            handler: function() {
                // Show a menu or selection dialog, then set the user's
                // selected value with:
                MyField.setValue(value);
            }
        }
    ]
});