title: Sencha touch 2 - Show data in DataView
body: <p>I am new in ExtJS, and I already, have an example of doctors list but, in doctor detail page, Its look like a populated form, Here is my view file:</p>
  
  <pre><code>Ext.define("GS.view.DoctorView", {
  extend: "Ext.form.Panel",
  requires: "Ext.form.FieldSet",
  alias: "widget.doctorview",
  config:{
      scrollable:'vertical'
  },
  initialize: function () {
  
      this.callParent(arguments);
  
      var backButton = {
          xtype: "button",
          ui: "back",
          text: "Back List",
          handler: this.onBackButtonTap,
          scope: this
      };
  
      var topToolbar = {
          xtype: "toolbar",
          docked: "top",
          title: "Doctor Profile",
          items: [
              backButton,
              { xtype: "spacer" }
          ]
      };
  
      var bottomToolbar = {
          xtype: "toolbar",
          docked: "bottom",
          items: [
  
          ]
      };
  
      var doctorNameView = {
          xtype: 'textfield',
          name: 'title',
          label: 'Title',
          required: true
      };
  
      var doctorDescView = {
          xtype: 'textareafield',
          name: 'narrative',
          label: 'Narrative'
      };
  
      this.add([
          topToolbar,
          { xtype: "fieldset",
              items: [doctorNameView, doctorDescView]
          },
          bottomToolbar
      ]);
  },
  onBackButtonTap: function () {
      this.fireEvent("backToListCommand", this);
  }
  });
  </code></pre>
  
  <p>Which steps I take to convert it to dataview, or how to use my custom HTML?</p>