PDA

View Full Version : Problem with disclosure and delete button



Perdiga
26 Jan 2012, 9:54 AM
why disclosure and delete button does not work? in pr3 works fine




Ext.define('App.view.TocListItem', {
extend: 'Ext.dataview.component.DataItem',
xtype : 'toclistitem',


config: {
cls: 'x-list-item',
layout: {
type: 'hbox',
align: 'middle'
},


propertiesButton: {
cls:'x-list-disclosure',
margin: '0 -12',
},


deleteButton: {
text: 'Apagar',
ui: 'decline-small',
hidden: false,
margin: '0 11 0 -68 ',
height: 32,
width: 72,
},

items: [
{
tpl: [
'<div class="toclist-item">',
'<img src="{icone}" class="toclist-item-img" alt="" />',
'<tpl if="nome == ' + "'...'" + '">',
'<div class="toclist-item-title-back">{nome}</div>',
'<div class="toclist-item-description"></div>',
'</tpl>',
'<tpl if="nome != ' + "'...'" + '">',
'<div class="toclist-item-title">{nome}</div>',
'<div class="toclist-item-description">{data_modificacao}</div>',
'</tpl>',
'</div>',
],
flex: 1,
},
],
},

/**
* Retorna uma instância de Ext.Button baseado na configuração do {@link #deleteButton}.
*/
applyDeleteButton: function(config) {
return Ext.factory(config, Ext.Button, this.getDeleteButton());
},


/**
* Quando a configuração do {@link #deleteButton} é atualizada, aplica ao item.
*/
updateDeleteButton: function(newDeleteButton) {
if (newDeleteButton) {
this.add(newDeleteButton);
}
},


/**
* Retorna uma instância de Ext.Button baseado na configuração do {@link #propertiesButton}.
*/
applyPropertiesButton: function(config) {
// não exibe quando o item for uma pasta "subir nível"
if (this.getRecord().data.nome != '...') {
return Ext.factory(config, Ext.Button, this.getPropertiesButton());
}
},


/**
* Quando a configuração do {@link #propertiesButton} é atualizada, aplica ao item.
*/
updatePropertiesButton: function(newPropertiesButton) {
if (newPropertiesButton) {
this.add(newPropertiesButton);
}
},
});

rdougan
26 Jan 2012, 9:34 PM
Ext.Button is not a container so it will not accept an items configuration like you specified in the delete button.