Добавление формы к объекту временной шкалы в sencha touch - PullRequest
Новая
       1

Добавление формы к объекту временной шкалы в sencha touch

0 голосов
/ 19 сентября 2011

Я взял пример формы из Sencha Touch API 

    var form = new Ext.form.FormPanel({
    items: [
        {
            xtype: 'textfield',
            name : 'first',
            label: 'First name'
        },
        {
            xtype: 'textfield',
            name : 'last',
            label: 'Last name'
        },
        {
            xtype: 'numberfield',
            name : 'age',
            label: 'Age'
        },
        {
            xtype: 'urlfield',
            name : 'url',
            label: 'Website'
        }
    ]
});

, и я создал объект временной шкалы, используя 

timeline = new Ext.Component({
        title: 'Loan Details',
        cls: 'timeline',
        scroll: 'vertical',
        tpl: ['<div></div>']
});

, а затем добавил временную шкалу на панель как: 

panel = new Ext.TabPanel({
        fullscreen: true,
        cardSwitchAnimation: 'slide',
        ui: 'light',
        items: [timeline]
    });

Как добавить объект формы на временную шкалу?Например, как я могу это показать?Куда мне это добавить?

Спасибо за ответ заранее.

1 Ответ

0 голосов
/ 19 сентября 2011

Я не уверен, что вы пытаетесь сделать.Вы пытаетесь иметь какую-то непрерывную карусель, куда вы поместите FormPanel?Если это так, вы должны расширить Ext.Panel для создания объекта временной шкалы, а затем в качестве элемента использовать xtype: 'fieldset' и иметь там элементы формы.

Например: 

App.views.Timeline = Ext.extend(Ext.Panel, {
initComponent: function() {
  Ext.apply(this, {
        title: 'Loan Details',
        cls: 'timeline',
        scroll: 'vertical',
        items:[
        {
            xtype: 'fieldset',
            defaults: {
            labelAlign: 'left',
            labelWidth: 'auto',
            }
            items: [
                {
                    xtype: 'textfield',
                    name : 'first',
                    label: 'First name'
                },
                {
                    xtype: 'textfield',
                    name : 'last',
                    label: 'Last name'
                },
                {
                    xtype: 'numberfield',
                    name : 'age',
                    label: 'Age'
                },
                {
                    xtype: 'urlfield',
                    name : 'url',
                    label: 'Website'
                }
            ]
            }
        ]
});
}});

Ext.Component для отображения данных через свойство data.Данные отображаются в соответствии с предоставленным вами шаблоном, т. Е. Свойством tpl, но вам необходимо указать свойство объектов, которые вы хотите показать.Например tpl:<div>{text}</div> и data:[{text:'Example'}]

...