ExtJs中带按钮的文本字段扩展名

时间:2011-01-22 20:56:19

标签: javascript user-interface extjs

如何使用按钮创建一个特殊的Ext.form.TextField。当用户点击它时,它将显示可供选择的项目列表。选择某些内容后,它将返回填充所选项目表单的父表单。

1 个答案:

答案 0 :(得分:6)

您刚刚完美地描述了一个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);
            }
        }
    ]
});