Question

我正在尝试使用.setActiveItem在Sencha 2.1 MVC应用中显示listview（Ext.dataview.List）中项目的详细信息。问题是我无法获得加载数据的详细视图。

我尝试了很多不同的方法来获取详细视图来显示数据，包括setData，setRecord和Update（请参阅下面的一些最新尝试）。

在搜索论坛时，我一直得到的大部分结果，stackoverflow和google都是针对不使用MVC模型的sencha应用程序。（哦，使用.push这很好但是由于其他原因我正在离开导航视图）。

来自我的控制器：

showDetail: function(list, record) {
    /*this.getMain().push({
        xtype: 'labdetail',
        title: record.fullName(),
        data: record.getData()
    });*/
//The code above works, but only as long as I stay with navigation view...
    console.log("showDetail");
       //Ext.getCmp('labdetail').update(record.data);
       //LabDetail.update(record.data);
       //Ext.fly('labdetail').setData(record.data);
       //Ext.getCmp('labdetail').setData(record.data);
       //Ext.component('Labblistan.view.LabDetail').destroy();
       //Ext.getCmp('Labblistan.view.LabDetail').destroy();
       //Ext.fly('labdetail').destroy();
       //var DetailView = Ext.create('Labblistan.view.LabDetail'); //If I create the view the console complains I need to destroy previous views with the same ID, hence the different destroy() approaches above
       //DetailView.setRecord(record);
       Ext.getCmp('mainpanel').setActiveItem('labdetail'); //This navigates to the right view, but it's empty
},

我的详细信息：

Ext.define('Labblistan.view.LabDetail', {
extend: 'Ext.Panel',
xtype: 'labdetail',
id: 'labdetail',
config: {
    title: '{Analysis}',
    styleHtmlContent: true,
    scrollable: 'vertical',
    fullscreen: true,
    tpl: [
        '<div style=position:absolute;top:50px;><p>Info about {Analysis}</p><p>{Comment}</p></div>'
    ],
       },
});

Answer 1

不知道这是否是最佳做法，但这就是我的工作方式：

Ext.getCmp('mainpanel').setActiveItem({
       xtype: 'labdetail',
       title: 'Detaljinformation',
       data: record.getData()
});

从列表sencha touch 2 MVC将数据加载到详细视图中

1 个答案: