javascript - Sencha 触摸 2 : Passing data from controller to a view

Question

我试图从列表中加载项目披露的详细 View ，但没有使用 NavigationView 和“push()”命令。

Controller :

Ext.define('App.controller.MyPlans', {
    extend: 'Ext.app.Controller',
    requires: ['App.view.EventDetail',
        'App.view.PlansContainer'],

    config: {
        refs: {

        },
        control: {
            'MyPlansList': {
                disclose: 'onDisclose'
            }
        }
    },

    onDisclose: function (view, record) {
        console.log("My Plans list disclosure " + record.get('id'));
        var eventDetailView = Ext.create('App.view.EventDetail');
        eventDetailView.setRecord(record);
        Ext.Viewport.setActiveItem(eventDetailView);
    }
});

View :

Ext.define('App.view.EventDetail', {
    extend: 'Ext.Panel',
    xtype: 'EventDetail',

    config: {

        items: [{
            xtype: 'toolbar',
            docked: 'top',
            title: 'Event Name',
            items: [{
                xtype: 'button',
                id: 'addRunBackBtn',
                ui: 'back',
                text: 'Back'
            }]
        }, {
            xtype: 'panel',
            styleHtmlContent: true,
            itemTpl: [
                '<h1>{name}</h1>',
                '<h2>{location}</h2>',
                '<h2>{date}</h2>']
        }],

    }
});

我主要是尝试使用“setRecord()”命令将数据传递给 View ，但 View 中似乎没有加载任何内容。有什么想法吗？？

谢谢

Answer 1

只写 Tpl 而不是 ItemTpl。我怀疑 itemTpl 在没有列表 xtype 的情况下是否存在。

其他的东西是把 Tpl 放在配置里面:

{tpl:['<div class="ListItemContent">{descriptionddata}</div>']}

我之前/上面的答案很好，但是如果你打算将你的格式保留在 View 中而不是在 Controller 中，那么它可以通过使用 setData 而不是 setRecord 来工作

detailview.setData({title:record.get('title'), description:record.get('descriptiondata')});