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