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 **************
}
]
}
]
}
]
}
}）;
上記のコードでは、「コードスニペット-1」は機能していますが、同じコードは内部コンテナtpl「コードスニペット-2」では機能していません。私のコードの何が問題なのか教えてください。内部コンテナで「barname」を使用するにはどうすればよいですか。また、tplの代わりにhtmlを試してみましたが、これも機能していません。
前もって感謝します...