2011-07-17 9 views
0

私はテキストフィールドを持っており、私はリストを持っています。私は、リストの選択肢からレコードをテキストフィールドに取り込みたい。これをどうすればいいのですか?私はSencha Touchでアプリケーションをやっています。Sencha Touchのリスト選択から値をテキストフィールドに取り込む方法は?

{ 
    xtype: 'textfield', 
    name : 'from', 
    label: 'From', 
    id: 'from', 
    labelWidth: '23%', 
    placeHolder: 'Search airport', 
    readOnly : true, 
    listeners: {'render': function(cmp) { 
      cmp.getEl().on('click', function(event, el) { 
           NotiflyApp.views.viewport.setActiveItem('ListContainer', {type: 'fade'}); 
      });    
    }} 
}, 

答えて

1

オーケー、私はthis tutorialを読むことによってそれを解決するために管理:

var airports = new Ext.List({ 
    fullscreen: true, 
    id: 'list', 
    indexBar: false, 
    itemTpl : '{firstName} {lastName}', 
    listeners:{ 
     change: function() { 
     var el = Ext.getDom('from'); 
     el.setValue(this.getValue()) 
     } 

    }, 
    store: store 

}); 

そして、ここでは私のテキストフィールドのコードです:ここで

は私のリストのコードです。ここで

は、リストのコードです:

var fromAirports = new Ext.List({ 
    fullscreen: true, 
    id: 'airportList', 
    indexBar: false, 
    itemTpl : '{airport} {IATAcode}', 
    onItemTap: function(item, index) { 
    var formField = NotiflyApp.views.formField; 
    var selectedAirport = store.getAt(index).get('firstName'); 
    var selectedIATA = store.getAt(index).get('lastName'); 
    var from = Ext.ModelMgr.create(
     { from: selectedAirport + ' ' + selectedIATA }, 'Contact'); 
     NotiflyApp.views.formField.load(from); 
     NotiflyApp.views.viewport.setActiveItem('formInput', {type: 'fade'}); 
     }, 

    store: store 
}); 

は、この情報がお役に立てば幸い!それを実装する際に問題がある場合は、コメントしてください。私はあなたを助けようとします!

1

私はあなた(私は推測)と同じ持っている - リストとフォーム - 私はあなたが何をしたいあなたはこれを試すことができるということであるならば、私のリスト

の項目でフィールドを埋めるためにしたいです関数onItemDisclosure:

 var dataName= record.store.data.getAt(index).data.dataName; 
     var dataSurname= record.store.data.getAt(index).data.dataSurname; 

は、その後、あなたが試すことができ、フォームフィールドに:それは大きな回避策のいくつかの種類かどう

 Ext.getCmp('name').setValue(dataName); 
     Ext.getCmp('surname').setValue(dataSurname); 

私は知りませんが、それは私が私ができる願っています:)私のために働きました助けて!!

+0

答えのためのThanx。上記のコードで解決しました。それは回避策でもあります:) – Ismailp

関連する問題