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);
            }
        }
    ]
});