2011-01-22 4 views
0

단추로 특수 Ext.form.TextField를 어떻게 만들 수 있습니까? 사용자가 클릭하면 선택할 항목 목록이 표시됩니다. 무언가가 선택되면 부모 폼으로 돌아가서 선택한 항목으로 양식을 채 웁니다. 당신은 여전히 ​​옆에 텍스트 필드에 버튼을 원하는 경우ExtJs의 버튼이있는 텍스트 필드 확장

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

은, 그러나, 당신은 CompositeField를 사용할 수 있습니다 대신 것을 사용하여 조사 할 수 있도록

답변

6

당신은 완벽하게 콤보를 설명했다 :

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'를 대신 사용합니다 (http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.form.FieldContainer 문서 참조). 왜냐하면' CompositeField'가 존재하지 않습니다. – Emmanuel