Sencha Touch itemtap

Question

Tôi có một danh sách các liên hệ mà sencha touch đang hiển thị trong danh sách. Sau đó, khi bạn nhấp vào một tên trong danh sách, nó sẽ trượt sang phải và nói Hello {contact name}! nhưng khi nó trượt qua ngay bây giờ nó chỉ nói Xin chào! trên dòng 29 là nơi hành động đang xảy ra cho mục tap tôi tin rằng vấn đề là ở đây. Tôi chỉ không biết làm thế nào để định dạng nó một cách chính xác. Dưới đây là mã nguồn của tôi.

ListDemo = new Ext.Application({ 
name: "ListDemo", 

launch: function() { 

    ListDemo.detailPanel = new Ext.Panel({ 
     id: 'detailpanel', 
     tpl: 'Hello, {firstName}!', 
     dockedItems: [ 
      { 
       xtype: 'toolbar', 
       items: [{ 
        text: 'back', 
        ui: 'back', 
        handler: function() { 
         ListDemo.Viewport.setActiveItem('disclosurelist', {type:'slide', direction:'right'}); 
        } 
       }] 
      } 
     ] 
    }); 

    ListDemo.listPanel = new Ext.List({ 
     id: 'disclosurelist', 
     store: ListDemo.ListStore, 
     itemTpl: '<div class="contact">{firstName} {lastName}</div>', 

     listeners:{ 
      itemtap: function(record, index){    
      ListDemo.detailPanel.update(record.data); 
      ListDemo.Viewport.setActiveItem('detailpanel'); 
      } 
     } 
    }); 

    ListDemo.Viewport = new Ext.Panel ({ 
     fullscreen: true, 
     layout: 'card', 
     cardSwitchAnimation: 'slide', 
     items: [ListDemo.listPanel, ListDemo.detailPanel] 
    }); 

} 

});

Answer 1

Đối số đầu tiên được chuyển đến sự kiện itemtap không phải là bản ghi của mục Danh sách được khai thác, đó là chính DataView.

Từ các tài liệu:

itemtap: (Ext.DataView này, chỉ số Number, Ext.Element mục, Ext.EventObject e) cháy khi một nút được khai thác trên

Listeners will be called with the following arguments: 
this : Ext.DataView 
    The DataView object 
index : Number 
    The index of the item that was tapped 
item : Ext.Element 
    The item element 
e : Ext.EventObject 
    The event object 

Bạn có thể lấy bản ghi được khai thác bằng cách sử dụng:

dataView.store.getAt(index); // where 'dataView' is 1st argument and 'index' the 2nd 

Answer 2

itemtap: function(view, index, item, e) { 
    var rec = view.getStore().getAt(index); 
    ListDemo.detailPanel.update(rec.data); 
} 

Đó là cách tôi làm cho nó hoạt động.