0

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

我采取哪些步骤将其转换为数据视图,或者如何使用我的自定义 HTML?

4

1 回答 1

0

首先,您的问题非常模糊,因此您应该阅读一些数据视图教程或文章来了解为什么您在这里真的需要数据视图,因为列表是数据视图,而表单是您作为详细信息视图创建的内容。

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

于 2013-02-18T04:49:41.140 回答