Sencha touch 简单jsonp存储对象未显示在sencha touch 2中的子容器tpl中

我正在使用sencha touch 2开发演示应用程序。我有一个列表屏幕，在其中我使用jsonp下载数据并显示列表。现在，单击列表行，我将打开新的详细信息屏幕，并传递当前行存储对象

在详细信息屏幕中，我能够获取对象并在主根容器上显示它，但子容器中没有显示相同的值。请参考我下面的代码

Ext.define('Demo.view.MyDetailView', {
extend: 'Ext.Container',

xtype:'mydetailview',

requires:[

     'Ext.TitleBar',         
     'Ext.dataview.List',
     'Ext.XTemplate'
 ],

config: {

    // code snippet-1 ********* it is working *********

    styleHtmlContent: true,
    scrollable:true,
    xtype: 'container',
    title:'Details',
    tpl: 'barname : {barname}',

    // ************** end **************

    items: [
        {
            xtype: 'titlebar',
            docked: 'top',
            title: 'Bar Info',
            items: [
                {
                    xtype: 'button',
                    ui: 'back',
                    text: 'Back',
                    id: 'btnBack'
                },
                {
                    xtype: 'button',
                    align: 'right',
                    text: 'Edit Beers'
                }
            ]
        },
        {
            xtype: 'container',
            layout: {
                type: 'hbox',
                pack: 'center'
            },
            items: [
                {
                    xtype: 'map',
                    height: 80,
                    margin: '10',
                    width: 80
                },
                {
                    xtype: 'container',
                    flex: 1,

                    layout: {
                        align: 'center',
                        pack: 'center',
                        type: 'hbox'
                    },
                    items: [
                        {

                            // code snippet-2 ********* it is NOT working *********

                            xtype: 'container',
                            styleHtmlContent: true,
                            tpl: 'barname : {barname}',      
                            //html: '<div>barname : {barname}</div>',
                            margin: '10 10 10 0',
                            width: '100%'

                            // ************** end **************
                        }
                    ]
                }
            ]
        }
    ]
}

Ext.define（'Demo.view.MyDetailView'{
扩展：“Ext.Container”，
xtype:'mydetailview'，
要求：[
“外部标题栏”，
“Ext.dataview.List”，
“Ext.XTemplate”
],
配置：{
//代码片段-1*******正在运行*********
styleHtmlContent:对，
可滚动：对，
xtype:'容器'，
标题:"详情",，
tpl:'barname:{barname}'，
//****************结束**************
项目：[
{
xtype:'标题栏'，
停靠：“顶部”，
标题：“酒吧信息”，
项目：[
{
xtype:'按钮'，
ui:'返回'，
文本：“返回”，
id:'btnBack'
},
{
xtype:'按钮'，
对齐：“右”，
文本：“编辑啤酒”
}
]
},
{
xtype:'容器'，
布局：{
类型：“hbox”，
包装：'中心'
},
项目：[
{
xtype:'map'，
身高：80，
保证金：“10”，
宽度：80
},
{
xtype:'容器'，
弹性：1，
布局：{
对齐：'居中'，
包装：'中心'，
类型：“hbox”
},
项目：[
{
//代码段-2*******它不工作*********
xtype:'容器'，
styleHtmlContent:对，
tpl:'barname:{barname}'，
//html:'barname:{barname}'，
边距：“10”，
宽度：“100%”
//****************结束**************
}
]
}
]
}
]
}

}))

在上面的代码中，“代码片段-1”正在工作，而相同的代码在内部容器tpl“代码片段-2”中不工作。请告诉我我的代码有什么问题。如何在内部容器中使用“barname”。我也尝试用html代替tpl，但tpl也不起作用

---

提前感谢…

您可以将代码发布到将数据传递到下一个视图的位置，以及将数据分配到父视图和子视图的位置吗？您可能需要将JsonP数据传递到子容器的

数据

配置中，以便使用

tpl

配置，你能给我一些代码吗？因为我在sencha是新来的，所以我不知道如何使用它。嗨，Phazorise，我用下面的代码将存储对象作为数据传递，并用上面的原始post代码在视图中显示它。我在控制器的onListItemTap中使用了以下代码。”var view=this.getMyDetailView（）？this.getMyDetailView（）：Ext.create（'Demo.view.MyDetailView'）；view.setData（record.data）；Ext.Viewport.setActiveItem（视图）；'