title: DataView component list item in Sencha 2.3 using architect
body: <p>I am trying to build a list in <code>sencha touch 2.3</code> (using sencha architect) by using <code>Ext.dataview.component.ListItem</code>. I was able to get the values from a store by using  <code>updateRecord</code> method , however I am not able to pass it back to main component. </p>
  
  <p>This is what I am trying to achieve:-</p>
  
  <p>I want to create a list of buttons whose text will be displayed dynamically from store and if user clicks it it should show the alert with age. I have a store with name and age in it. I  am able to get the name but I am not able to get the alert setup.I need help with that-
  Here  is my <strong>dataView</strong> class</p>
  
  <pre><code>Ext.define('MyListItem.view.MyListItem', {
  extend: 'Ext.dataview.component.ListItem',
  alias: 'widget.mylistitem',
  
  requires: [
      'Ext.Button',
      'Ext.MessageBox'
  ],
  
  config: {
      padding: 10,
      layout: 'hbox',
      items: [
          {
              xtype: 'button',
              handler: function(button, e) {
                  var record = this.getRecord();
                  console.log("buttonTapped");
                  console.log(record);
                  Ext.Msg.alert(
                  record.get('name'), // the title of the alert
                  "The age of this person is: " + record.get('age') // the message of the alert
                  );
              },
              text: 'MyButton'
          },
          {
              xtype: 'component',
              flex: 1,
              html: 'Sample component inside dataitem'
          }
      ]
  },
  
  updateRecord: function(record) {
      // Provide an implementation to update this container's child items
      var me = this;
      me.down('button').setText(record.get('name'));
  }
  
  });
  </code></pre>
  
  <p>Here is my store:-</p>
  
  <pre><code>Ext.define('MyListItem.store.MyDirectStore', {
  extend: 'Ext.data.Store',
  
  requires: [
      'MyListItem.model.MyModel'
  ],
  
  config: {
      data: [
          {
              name: 'Adam',
              age: '28'
          },
          {
              name: 'Eve',
              age: '27'
          }
      ],
      model: 'MyListItem.model.MyModel',
      storeId: 'MyDirectStore'
  }
  });
  </code></pre>