0
我有一個listpanel似乎工作正常,但是當顯示詳細信息卡時,我得到單詞'undefined'而不是我的模板。sencha觸摸列表組件
這是部分代碼:
Ext.regModel('Complementarias', {
fields: ['MiniAct', 'Actividad', 'Fecha', 'Mes']
});
var store = new Ext.data.JsonStore({
model : 'Complementarias',
sorters: 'MiniAct',
getGroupString : function(record) {
return record.get('MiniAct')[0];
},
data: [
{MiniAct: '1', Actividad: '2', Mes: '3', Fecha: '4' }
]
});
baApp.detailPanel = new Ext.Panel({
id: 'detailpanel',
itemTpl: 'testa',
html: '',
dockedItems: [
{
xtype: 'toolbar',
title: "Extensión",
ui: "light",
items: [{
text: 'atrás',
ui: 'back',
handler: function() {
Extension.setActiveItem('indexlist', {type:'slide', direction:'right'});
}
}]
}
]
});
baApp.listPanel = new Ext.List({
id: 'indexlist',
itemTpl : '<div id="extension"><h1>{MiniAct}</h2><br><h2>{Fecha}</h2></div>',
grouped : true,
store: store,
onItemDisclosure: true,
listeners:{
itemtap: function(view, index, item, e){
baApp.detailPanel.update(view.data);
Extension.setActiveItem('detailpanel', {type:'slide', direction:'left'});
}
}
});
Extension = new Ext.Panel({
layout: 'card',
iconCls: 'chat3',
title:"Extensión",
defaults: {
scroll: 'vertical'
},
items: [baApp.listPanel, baApp.detailPanel]
});
baApp.views.Viewport = Ext.extend(Ext.TabPanel, {
fullscreen: true,
style: "background-color: white;",
tabBar: {
dock: 'bottom',
sortable: true,
layout: {
pack: 'center'
}
},
items: [
{xtype: 'inicio'},
{xtype: 'planes'},
Extension,
{xtype: 'plano'},
{xtype: 'directorio'}
]
});
有沒有人有一個想法,其中的不確定從何而來?
感謝
它部分工作。未定義顯示消失,但細節面板不顯示Tpl:部分。 – user755722 2011-05-18 07:22:42
Ext.Panel沒有'itemTpl'配置屬性。這隻能在Ext.List中找到。改爲使用'tpl'的屬性名稱。 – owlness 2011-05-18 12:17:33