Code:
Ext.define('LuisApp.view.planeacion.Procedimientos', {
extend: 'Ext.ux.desktop.Module',
xtype: 'planeacion-procedimientos',
init : function(){
this.launcher = {
text: 'Ejecucion de procedimientos',
iconCls:'bogus',
handler : this.createWindow,
scope: this
}
},
createWindow : function(src){
var desktop = this.app.getDesktop();
var win = desktop.getWindow('planeacion-procedimientos');
if(!win){
win = desktop.createWindow({
id: 'planeacion-procedimientos',
title:src.text,
width:800,
height:500,
bodyStyle:'background:#FFFFFF;background-color:#FFFFFF',
iconCls: 'bogus',
animCollapse:false,
constrainHeader:true,
listeners: { resize: function (t, w, h) {
alert('Hola');
}
},
title: 'Ejecucion de procedimientos',
items: {
xtype: 'tabpanel',
cls: 'tabpanel-sin-bordes',
cls: 'noPanelBorder',
layout: {
type: 'vbox',
align: 'center',
pack: 'center'
},
items: [{
title: 'Borrar Stock',
xtype: 'form',
reference: 'form',
border: false,
itemId: 'borrar-stock-form-container',
cls: 'noPanelBorder',
layout: {
type: 'vbox',
align: 'center',
pack: 'center'
},
defaults: {
border: false
},
items: [{
xtype: 'button',
text : 'Ejecutar Procedimiento Borrar Stock',
margin: '130 50 15 0',
scale : 'large',
border : true,
handler: function(){
Ext.Ajax.request
({
});
}
}
]
},{
title: 'Borrar Propuestas',
xtype: 'form',
reference: 'form',
border: false,
itemId: 'borrar-propuestas-form-container',
cls: 'noPanelBorder',
layout: {
type: 'vbox',
align: 'center',
pack: 'center'
},
defaults: {
border: false
},
items: [{
xtype: 'button',
text : 'Ejecutar Procedimiento Borrar Propuestas',
margin: '130 50 15 0',
scale : 'large',
border : true,
handler: function(){
Ext.Ajax.request
({
});
}
}
]
},{
title: 'Algoritmo Reaprovisoionamiento',
xtype: 'form',
reference: 'form',
border: false,
itemId: 'algoritmo-reaprovisionamiento-form-container',
cls: 'noPanelBorder',
layout: {
type: 'vbox',
align: 'center',
pack: 'center'
},
defaults: {
border: false
},
items: [{
xtype: 'button',
text : 'Ejecutar Algoritmo Reaprovisoionamiento',
margin: '130 0 0 0',
scale : 'large',
id: 'boton-ejecutar-reaprovisionamiento',
border : true,
handler: function(){
var idAuditoria = 0;
Ext.Ajax.request
({
});
}
},
]
}
]
}
});
}
win.show();
return win;
}
});
As you can see in the code the Tab item has a layout vbox, but even if i set it to fit it wont work.