title: Creating view in Sencha Touch
body: <p>I have started to work on Sencha touch a week ago and I still no able to figured out how to create a view. I want to create textfield and listView. Listview shold be shown below the textfield. I am able to show either ListView or textfield as I am able to extend only Ext.panel or Ext.List. </p>
  
  <p>Please help. Please share a link those give details about creating views in Sencha touch.</p>
  
  <pre><code>Ext.define('TrainEnquiry.view.SearchTrains', {
  extend: 'Ext.Panel',
  alias: "widget.searchtrains",
  requires: [ 'Ext.dataview.List','Ext.form.FieldSet','TrainEnquiry.store.Homes'],
  config: {
      title: 'Train Enquiry',
      items: [
           {
                  xtype: 'fieldset',
                  style:'width:70%; margin:10px',
                  padding: '10px',
                  items: [
                      {
                          xtype: 'textfield',
                          placeHolder: 'Username',
                          itemId: 'userNameTextField',
                          name: 'userNameTextField',
                          required: true
                      }
                  ]
              },{ 
                          xtype: 'homepagelist',
                          style: 'margin-Top:100px',
                          config: {
                              itemTpl: '&lt;div class="myContent"&gt;'+ 
                                      '&lt;div&gt;&lt;b&gt;{status}&lt;/b&gt; &lt;/div&gt;' +
                                      '&lt;/div&gt;',
                              store: 'Homes',
  
                              onItemDisclosure: true
                          }
                  }
              ]
          }
  
  
  
  
  
  });
  </code></pre>