PDA

View Full Version : SA 4.2 - listItem Design error



19 Aug 2017, 4:47 AM
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.



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
}
]
}
]


});




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





Version:
4.2.2.282




Channel:
4.2-stable




Platform:
1.6.2.49 - darwin x64




Renderer:
56.0.2924.87




Cmd:
6.5.1.240




Framework:
Ext JS 6.5.x Modern