title: How to use itemId in Sencha touch
body: <p>I have a view defined as following:</p>
  
  <pre><code>    Ext.define('senchaTest.view.ModelDetailsView', {
      extend: 'Ext.Panel',
      requires: [
      ],
      xtype: 'modeldetailsview',
  
      config: {
          modelName: null
          layout: 'vbox',
          items: [
          {
              xtype: 'label',
              itemId: 'modelinformationview-name-label'
          }]
      },
      updateModelName: function(modelName) {
          var components = Ext.ComponentQuery.query('.modelinformationview #modelinformationview-name-label');
          if (components &amp;&amp; components.length &gt; 0) {
              components[0].setHtml(modelName);
          };
      }
  });
  </code></pre>
  
  <p>I want to reuse this view in a tab panel. I have two tabs in tab panel. Each will have an instance of the above defined view. However, each will have different data and role.
  When I try to set the config values of instances of these views, only one config is used. I understand that this happens because Ext.ComponentQuery queries the same component (For example, '.modelinformationview #modelinformationview-name-label'). It returns two components from each instance of the created views, I pick the first one and use that. Hence only one view is used always.
  I want to know how to reuse defined views like this. I have some idea that Controllers can play a role in achieving this. But I haven't yet figured the best way to do it. Please help.
  Thanks.</p>