使用ExtJs中的按钮的文本字段扩展

Question

如何使用按钮打包特殊的Ext.form.TextField。当用户点击它时，它会显示一个可供选择的项目列表。当选择某件事物时，它会回到父窗体填充选定项目的窗体。

Answer 1

您刚才完全描述的组合框，所以你可能要考虑使用，而不是：

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

如果你仍然想旁边的一个文本字段的按钮，但是，那么你可以使用一个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); 
      } 
     } 
    ] 
});