Thank you for reporting this bug. We will make it our priority to review this report.
-
Ext JS Premium Member
SA 4.2 - listItem Design error
Hi all,
my project have a list without default "itemTpl".
On SA design view return blank page ad a log error: "Framework Error: DOM element with id illuminazioneNV in Element cache is not the same as element in the DOM. Make sure to clean up Element instances using destroy()".
Preview on Chrome work fine.
Code:
Ext.define('CF.view.illuminazioneNV', {
extend: 'Ext.navigation.View',
alias: 'widget.illuminazionenv',
requires: [
'CF.view.giardinoNVViewModel1',
'Ext.navigation.Bar',
'Ext.Panel',
'Ext.dataview.List'
],
viewModel: {
type: 'illuminazionenv'
},
id: 'illuminazioneNV',
navigationBar: {
hidden: true,
docked: 'top'
},
items: [
{
xtype: 'panel',
itemId: 'mypanel',
scrollable: 'vertical',
layout: 'vbox',
title: 'Illuminazione',
titleAlign: 'center',
items: [
{
xtype: 'list',
flex: 1,
id: 'illuminazioneList',
disableSelection: true,
store: 'illuminazione',
itemConfig: {
xtype: 'template_illumina'
},
disclosureProperty: 'none',
grouped: true
}
]
}
]
});
Code:
Ext.define('CF.view.template.illumina', { extend: 'Ext.dataview.ListItem',
alias: 'widget.template_illumina',
requires: [
'CF.view.template.illuminaViewModel',
'Ext.Container',
'Ext.field.Toggle'
],
viewModel: {
type: 'template.illumina'
},
referenceHolder: true,
layout: {
type: 'vbox',
pack: 'center'
},
items: [
{
xtype: 'container',
flex: 1,
layout: {
type: 'hbox',
pack: 'center'
},
items: [
{
xtype: 'container',
flex: 2,
reference: 'testo',
html: 'Dove',
minWidth: 230,
layout: 'vbox'
},
{
xtype: 'togglefield',
reference: 'pulsante'
}
]
}
],
updateRecord: function(record) {
var me = this;
var v = me.getReferences();
if(record) {
v.testo.setHtml(record.get('descri'));
}
// me.callParent(arguments);
}
});
Any idea?
Thanks,
Luca