2011-01-22 14 views
0

ボタンを使用して特別なExt.form.TextFieldを作成する方法を教えてください。ユーザーがクリックすると、選択する項目のリストが表示されます。何かが選択されると、親フォームに戻り、フォームを選択したアイテムに移入します。ExtJs内のボタンを含むテキストフィールド拡張

答えて

6

あなたの代わりにすることを使用してに見てみたいことがありますので、あなただけの完全にコンボボックスを記載している:あなたはまだテキストフィールドにボタンが次の場合は、しかし、あなたはCompositeFieldを使用することができます

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

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

は、それが親コンポーネントに値を設定するのでしょうか? – javaguy

+0

親コンポーネントが何を意味するのか分かりません。サンプルコードで設定されている値は、MyFieldに格納されているTextFieldにあります。ただし、フィールドの隣にボタンを配置する例を示すにすぎません。必要なアクションは、ボタンのハンドラに置くことができます。 – owlness

+0

+1、ExtJS 4の場合、 'FieldContainer'(代わりにdoc:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.form.FieldContainerのdocを参照してください) CompositeField'は存在しません。 – Emmanuel

関連する問題