煎茶觸摸2 - 在數據視圖

Question

顯示數據我新的ExtJS的，我已經，有醫生名單的例子，但在醫生詳細頁面，它看起來像一個人口稠密的形式，這是我的看法文件：

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); 
} 
}); 

我會採取哪些步驟將其轉換爲dataview，或者如何使用我的自定義HTML？

Answer 1

首先，您的問題非常模糊，所以您應該通過一些dataview教程或文章來理解您爲什麼真的需要數據視圖，因爲列表是數據視圖，表單就是您創建的細節視圖。

http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2

http://docs.sencha.com/touch/2-1/#!/guide/dataview

要使用自定義HTML，你必須使用xtemplate

http://docs.sencha.com/touch/2-1/#!/api/Ext.XTemplate