如何使用按钮创建一个特殊的Ext.form.TextField。当用户点击它时,它将显示可供选择的项目列表。选择某些内容后,它将返回填充所选项目表单的父表单。
答案 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);
}
}
]
});