Ext.override(Ext.form.Field, {
showContainer: function() {
this.enable();
this.show();
this.getEl().up('.x-form-item').setDisplayed(true); // show entire container and children (including label if applicable)
},
hideContainer: function() {
this.disable(); // for validation
this.hide();
this.getEl().up('.x-form-item').setDisplayed(false); // hide container and children (including label if applicable)
},
setContainerVisible: function(visible) {
if (visible) {
this.showContainer();
} else {
this.hideContainer();
}
return this;
}
});
Ext.onReady(function(){
var p = new Ext.Panel({
title: 'Venditore',
collapsible:false,
renderTo: 'sx',
width:250,
autoLoad : {
url : 'js/chi.php?tip=market&lib=yes&us_id='+ us_trova,
text : "Caricamento ...",
scripts : true
}
});
new Ext.TabPanel({
renderTo: 'sx2',
width:250,
activeTab: 0,
deferredRender: false,
plain: true,
frame:true,
defaults:{autoHeight: true},
items:[
{ title: 'Richiedi al Venditore',
items: [ //inizio blocco
incisori = new Ext.form.FormPanel({
//standardSubmit: true,
//buttonAlign : 'left',
labelWidth: 55, // label settings here cascade unless overridden
frame:false,
border:false,
//title: 'Modulo registrazione Privato',
bodyStyle:'padding:10',
width: 250,
defaults: {width: 160},
//defaultType: 'textfield',
items: [
new Ext.form.TextField({
fieldLabel: 'Cognome',
allowBlank:false,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'cogn'
}) ,
new Ext.form.TextField({
fieldLabel: 'Nome',
allowBlank:false,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'nome'
}),
new Ext.form.TextField({
fieldLabel: 'Telefono',
allowBlank:false,
maskRe: /^([0-9.])$/ ,
name: 'tel'
}),
new Ext.form.TextField({
fieldLabel: 'E-Mail',
allowBlank:false,
name: 'email',
vtype: 'email'
}),
new Ext.form.TextArea({
fieldLabel: 'Richiesta',
allowBlank:false,
emptyText: 'Almeno 30 caratteri',
minLength: 30,
height : 100,
name: 'richiesta'
}),
new Ext.form.Hidden({
name: 'da',
value: 'dettagli'
}),
new Ext.form.Hidden({
name: 'ut_mail',
value: ut_mail
}),
new Ext.form.Hidden({
name: 'us_modello',
value: mar_modello
}),
new Ext.form.Hidden({
name: 'us_marca',
value: mar_marca
}),
new Ext.form.Hidden({
name: 'us_costo',
value: mar_costo
}),
new Ext.form.Hidden({
name: 'us_famiglia',
value: mar_famiglia
}),
new Ext.form.Hidden({
name: 'tip',
value: tip
}),
new Ext.form.Hidden({
name: 'us_id',
value: mar_trova
})
],
// All the magic happens after the user clicks the button
buttons:[{
text:'Inoltra la richiesta',
formBind: true,
handler:function(){
if (incisori.getForm().isValid()) {
incisori.getForm().submit({
url:'js/dettagli_richiesta_market.php',
method:'POST',
waitTitle:'Connessione al Server',
waitMsg:'Elaborazione in corso...',
success: function(response){
Ext.Msg.show({title: 'Operazione Eseguita',
msg: 'La richiesta è stata inoltrata correttamente al venditore.',
icon: Ext.MessageBox.INFO,
buttons: Ext.MessageBox.OK
});
incisori.getForm().reset();
},
failure: function(response){
Ext.Msg.show({title: 'Operazione NON Eseguita',
msg: 'La richiesta NON è stata inoltrata correttamente al venditore. Riprovare più tardi.',
icon: Ext.MessageBox.WARNING,
buttons: Ext.MessageBox.OK
})
}
})
}
}
}]
}) // formPanel
] //fine blocco
}/*,
{ title: 'Guida',
url : 'js/guida_dettagli.php'
}*/
]
});
//legato alle image
Ext.namespace('ExtTest');
var immagini;
var imageStore = new Ext.data.JsonStore({
url: 'ControlPanel/handle.php?m=l&task=mod&pubblico=si&idm='+ us_trova,
fields: ['filename'],
autoLoad: true,
listeners: {
load: function(store) {
immagini = store.getTotalCount();
//Ext.Msg.alert('Warning!', 'immagini: ' + immagini);
if (!immagini) tp.remove(Ext.getCmp('t8'));
}
}
});
var imageTemplate = new Ext.XTemplate('
');
//immagine principale
var image1Store = new Ext.data.JsonStore({
url: 'ControlPanel/handle.php?m=l1&task=mod&pubblico=si&idm='+ us_trova,
fields: ['filename'],
autoLoad: true
});
var image1Template = new Ext.XTemplate('
');
var mask = new Ext.LoadMask('dx', {store: imageStore});
//fine legato alle image
oplLoad = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url: 'ControlPanel/richieste_ext/market.php?task=DETAILS&lib=yes&mar_id='+ us_trova, method: 'POST' }),
reader: new Ext.data.JsonReader({}, [ 'mar_costo', 'mar_descri',
'mar_marca',
'mar_modello', 'mar_famiglia', 'mar_annocos', 'mar_mesecos', 'mar_sfam', 'mar_insatt', 'mar_datains',
'mar_garanzia', 'mar_usgaranz', 'mar_scadgaranz', 'mar_m_dimx', 'mar_m_dimy', 'mar_m_dimz', 'mar_m_dimxu',
'mar_m_dimyu', 'mar_m_dimzu', 'mar_m_assi', 'mar_m_velmax', 'mar_m_precpos', 'mar_m_peso', 'mar_a_fissa', 'mar_a_accessori',
'mar_s_software', 'mar_s_soperativi', 'mar_s_carat', 'mar_s_requisiti', 'mar_e_interfaccia', 'mar_e_azassi', 'mar_e_alimentazione',
'mar_e_consumo', 'mar_foto', 'mar_m2_potenza', 'mar_m2_tipo', 'mar_m2_giri', 'mar_m2_dia', 'mar_m2_peso'
]),
remoteSort: false
});
oplLoad.on('load', function dati() {
Ext.getCmp('mar_t').setTitle(oplLoad.getAt(0).data.mar_modello);
//Ext.getCmp('mar_marca1').setValue(oplLoad.getAt(0).data.mar_marca);
Ext.getCmp('mar_famiglia').setValue(oplLoad.getAt(0).data.mar_famiglia);
Ext.getCmp('mar_annocos').setValue(oplLoad.getAt(0).data.mar_annocos);
Ext.getCmp('mar_mesecos').setValue(oplLoad.getAt(0).data.mar_mesecos);
Ext.getCmp('mar_sfam').setValue(oplLoad.getAt(0).data.mar_sfam);
Ext.getCmp('mar_costo').setValue(oplLoad.getAt(0).data.mar_costo);
Ext.getCmp('mar_costo').setValue(oplLoad.getAt(0).data.mar_costo);
Ext.getCmp('mar_garanzia').setValue(oplLoad.getAt(0).data.mar_garanzia);
Ext.getCmp('mar_m_dimx').setValue(oplLoad.getAt(0).data.mar_m_dimx);
Ext.getCmp('mar_m_dimy').setValue(oplLoad.getAt(0).data.mar_m_dimy);
Ext.getCmp('mar_m_dimz').setValue(oplLoad.getAt(0).data.mar_m_dimz);
Ext.getCmp('mar_m_dimxu').setValue(oplLoad.getAt(0).data.mar_m_dimxu);
Ext.getCmp('mar_m_dimyu').setValue(oplLoad.getAt(0).data.mar_m_dimyu);
Ext.getCmp('mar_m_dimzu').setValue(oplLoad.getAt(0).data.mar_m_dimzu);
Ext.getCmp('mar_m_assi').setValue(oplLoad.getAt(0).data.mar_m_assi);
Ext.getCmp('mar_m_peso').setValue(oplLoad.getAt(0).data.mar_m_peso);
Ext.getCmp('mar_a_fissa').setValue(oplLoad.getAt(0).data.mar_a_fissa);
Ext.getCmp('mar_a_accessori').setValue(oplLoad.getAt(0).data.mar_a_accessori);
Ext.getCmp('mar_s_software').setValue(oplLoad.getAt(0).data.mar_s_software);
Ext.getCmp('mar_s_soperativi').setValue(oplLoad.getAt(0).data.mar_s_soperativi);
Ext.getCmp('mar_s_carat').setValue(oplLoad.getAt(0).data.mar_s_carat);
Ext.getCmp('mar_s_requisiti').setValue(oplLoad.getAt(0).data.mar_s_requisiti);
Ext.getCmp('mar_e_interfaccia').setValue(oplLoad.getAt(0).data.mar_e_interfaccia);
Ext.getCmp('mar_e_azassi').setValue(oplLoad.getAt(0).data.mar_e_azassi);
Ext.getCmp('mar_e_alimentazione').setValue(oplLoad.getAt(0).data.mar_e_alimentazione);
Ext.getCmp('mar_e_consumo').setValue(oplLoad.getAt(0).data.mar_e_consumo);
//Ext.getCmp('mar_foto').setValue(oplLoad.getAt(0).data.mar_foto);
Ext.getCmp('mar_m2_potenza').setValue(oplLoad.getAt(0).data.mar_m2_potenza);
Ext.getCmp('mar_m2_tipo').setValue(oplLoad.getAt(0).data.mar_m2_tipo);
Ext.getCmp('mar_m2_giri').setValue(oplLoad.getAt(0).data.mar_m2_giri);
Ext.getCmp('mar_m2_dia').setValue(oplLoad.getAt(0).data.mar_m2_dia);
Ext.getCmp('mar_m2_peso').setValue(oplLoad.getAt(0).data.mar_m2_peso);
Ext.getCmp('mar_descri').setValue(oplLoad.getAt(0).data.mar_descri);
var cont = 0;
if ( oplLoad.getAt(0).data.mar_mesecos == "Non obbligatorio" || oplLoad.getAt(0).data.mar_mesecos == "") { mesecosB.setContainerVisible(false); };
if ( oplLoad.getAt(0).data.mar_annocos == "Non obbligatorio" || oplLoad.getAt(0).data.mar_annocos == "") { annocosB.setContainerVisible(false); };
if ( oplLoad.getAt(0).data.mar_descri == "") { tp.remove(Ext.getCmp('t1')); };
if ( oplLoad.getAt(0).data.mar_m_dimx == "" && oplLoad.getAt(0).data.mar_m_dimy == "" && oplLoad.getAt(0).data.mar_m_dimz == "" ) { t2b.hide(true); };
if ( oplLoad.getAt(0).data.mar_m_dimxu == "" && oplLoad.getAt(0).data.mar_m_dimyu == "" && oplLoad.getAt(0).data.mar_m_dimzu == "" ) { t2a.hide(true); };
if ( oplLoad.getAt(0).data.mar_m_dimx == "" && oplLoad.getAt(0).data.mar_m_dimy == "" && oplLoad.getAt(0).data.mar_m_dimz == "" && oplLoad.getAt(0).data.mar_m_dimxu == "" && oplLoad.getAt(0).data.mar_m_dimyu == "" && oplLoad.getAt(0).data.mar_m_dimzu == "" ) { tp.remove(Ext.getCmp('t2')); };
if (oplLoad.getAt(0).data.mar_m2_potenza == "" && oplLoad.getAt(0).data.mar_m2_tipo == "" && oplLoad.getAt(0).data.mar_m2_giri == "" && oplLoad.getAt(0).data.mar_m2_dia == "" && oplLoad.getAt(0).data.mar_m2_peso == "") { tp.remove(Ext.getCmp('t3')); };
if (oplLoad.getAt(0).data.mar_s_software == "" && oplLoad.getAt(0).data.mar_s_soperativi == "" && oplLoad.getAt(0).data.mar_s_carat == "" && oplLoad.getAt(0).data.mar_s_requisiti == "") { tp.remove(Ext.getCmp('t5')); };
if (oplLoad.getAt(0).data.mar_e_interfaccia == "" && oplLoad.getAt(0).data.mar_e_azassi == "" && oplLoad.getAt(0).data.mar_e_alimentazione == "" && oplLoad.getAt(0).data.mar_e_consumo == "") { tp.remove(Ext.getCmp('t4')); };
if (oplLoad.getAt(0).data.mar_a_fissa == "" && oplLoad.getAt(0).data.mar_a_accessori == "") { tp.remove(Ext.getCmp('t6')); };
if (oplLoad.getAt(0).data.mar_m_assi == "" && oplLoad.getAt(0).data.mar_m_peso == "") { tp.remove(Ext.getCmp('t7')); };
});
oplLoad.load();
/*
imageStore.on('load', function conto() {
var immagini = imageStore.getTotalCount();
Ext.Msg.alert('Warning!', 'immagini: ' + immagini );
if ( immagini == 0) { tp.remove(Ext.getCmp('t8')); };
}
);
*/
Ext.QuickTips.init();
// turn on validation errors beside the field globally
Ext.form.Field.prototype.msgTarget = 'side';
Ext.util.Format.CurrencyFactory = function(c, d, t, s) {
return function(n) {
var m = (c = Math.abs(c) + 1 ? c : 2, d = d || ",", t = t || ".",
/(\d+)(?:(\.\d+)|)/.exec(n + "")), x = m[1].length > 3 ? m[1].length % 3 : 0;
return ((x ? m[1].substr(0, x) + t : "") + m[1].substr(x).replace(/(\d{3})(?=\d)/g,
"$1" + t) + (c ? d + (+m[2] || 0).toFixed(c).substr(2) : ""))+" "+s;
}
}
var euroFormatter = Ext.util.Format.CurrencyFactory(2, ".", ",", "€");
var euroFormatter_s = Ext.util.Format.CurrencyFactory(2, ",", ".", "");
var dollarFormatter = Ext.util.Format.CurrencyFactory(2, ".", ",", "$");
var yenFormatter = Ext.util.Format.CurrencyFactory(2, ".", ",", "¥");
var poundFormatter = Ext.util.Format.CurrencyFactory(2, ".", ",", "£");
new Ext.TabPanel({
renderTo: 'dx',
activeTab: 0,
width: 700,
deferredRender: false,
plain: true,
frame:false,
defaults:{autoHeight: true},
items:[
{ title: 'row',
id: 'mar_t',
items: [
new Ext.Panel({
labelWidth: 115, // label settings here cascade unless overridden
//frame:true,
//renderTo: 'dx',
//title: 'Inserisci nuovo prodotto nel Market di Incidere.com',
//width: 740,
border: false,
items: [{
layout:'column',
border: false,
bodyStyle:'padding:10px',
items:[{
width:400,
layout: 'form',
border: false,
items: [
new Ext.FormPanel({
//xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
//title: 'Dati Generali',
bodyStyle:'padding:10px',
border: false,
autoHeight:true,
labelWidth: 115,
collapsed: false, //lo fa aprire e chiudere
defaults: {emptyClass: 'x-luca', readOnly: true, width: 250},
items :[
new Ext.form.TextField({
fieldLabel: 'Tipologia Prodotto',
cls: 'x-luca2',
id: 'mar_famiglia'
}),
new Ext.form.TextField({
name: 'mar_sfam',
cls: 'x-luca2',
labelSeparator: '',
id: 'mar_sfam'
}),
/*new Ext.form.TextField({
fieldLabel: 'Marca',
id: 'mar_marca1'
}),*/
annocosB = new Ext.form.TextField({
fieldLabel: 'Anno Costruzione',
cls: 'x-luca',
id: 'mar_annocos'
}),
mesecosB = new Ext.form.TextField({
fieldLabel: 'Mese Costruzione',
cls: 'x-luca',
id: 'mar_mesecos'
}),
new Ext.form.TextField({
fieldLabel: 'Prezzo Vendita in €',
cls: 'x-luca',
id: 'mar_costo',
//maskRe: /^([0-9])$/ ,
//width: 200,
listeners: {
change: function(object, newValue, oldValue){
//object.setValue(Ext.util.Format.usMoney(newValue.replace(/[€]/g, '')));
object.setValue(euroFormatter_s(newValue.replace()));
}
}
}),
new Ext.form.TextField({
name: 'mar_garanzia',
fieldLabel: 'Garanzia',
cls: 'x-luca',
id: 'mar_garanzia'
})
]
})
] //fine colonna Sinistra
},{
width:50,
layout: 'form',
border:false,
items: [{
xtype:'textfield',
fieldLabel: 'First Name',
hidden: true,
hideLabel: true
}]
},
//colonna Destra
{
width:250,
layout: 'form',
border: false,
//bodyStyle:'padding-bottom:10px',
items:[{
xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Immagine prodotto',
autoHeight:true,
collapsed: false, //lo fa aprire e chiudere
items :[
//inizio foto
ExtTest.image1View = new Ext.DataView({
id: 'image1View',
store: image1Store,
tpl: image1Template
})
]
}
]
} //fine della colonna destra
]
},
tp = new Ext.TabPanel({
//xtype:'tabpanel',
id: 'tp',
plain: true,
activeTab: 0,
border: false,
layoutOnTabChange: true,
defaults:{bodyStyle:'padding: 10 5 10 5',
height:300},
items:[{
title:'Descrizione',
id: 't1',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
disabled: false,
items:[
{
x:0,
y: 81,
xtype: 'textarea',
id: 'mar_descri',
labelWidth: 115,
name: 'mar_descri',
width:685,
height: 275
//anchor: '100% 100%' // anchor width and height
}
]
},
{
title:'Dimensioni',
id: 't2',
items:[
t2a = new Ext.form.FieldSet ({
xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Dimensioni Utili (opzionale)',
autoHeight:true,
labelWidth: 115,
defaultType: 'textfield',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
collapsed: false, //lo fa aprire e chiudere
items :[
{
xtype: 'textfield',
fieldLabel: 'X in cm',
id: 'mar_m_dimxu',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_dimxu',
maskRe: /^[0-9\.,\ ]$/,
width: 100
},
{
xtype: 'textfield',
fieldLabel: 'Y in cm',
id: 'mar_m_dimyu',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_dimyu',
maskRe: /^[0-9\.,\ ]$/,
width: 100
},
{
xtype: 'textfield',
fieldLabel: 'Z in cm',
id: 'mar_m_dimzu',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_dimzu',
maskRe: /^[0-9\.,\ ]$/,
width: 100
}
]
}),
t2b = new Ext.form.FieldSet ({
//xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Dimensioni Ingombro (opzionale)',
autoHeight: true,
labelWidth: 115,
defaultType: 'textfield',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
collapsed: false, //lo fa aprire e chiudere
items :[
{
xtype: 'textfield',
fieldLabel: 'X in cm',
id: 'mar_m_dimx',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_dimx',
maskRe: /^[0-9\.,\ ]$/,
width: 100
},
{
xtype: 'textfield',
fieldLabel: 'Y in cm',
id: 'mar_m_dimy',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_dimy',
maskRe: /^[0-9\.,\ ]$/,
width: 100
},
{
xtype: 'textfield',
fieldLabel: 'Z in cm',
id: 'mar_m_dimz',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_dimz',
maskRe: /^[0-9\.,]$/,
width: 100
}
]
})
]
},{
title:'Mandrino',
id: 't3',
items:[
{
xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Mandrino (opzionale)',
labelWidth: 115,
autoHeight:true,
defaultType: 'textfield',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
collapsed: false, //lo fa aprire e chiudere
items :[
new Ext.form.TextField({
fieldLabel: 'Potenza',
id: 'mar_m2_potenza',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m2_potenza',
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
width: 300
}),
new Ext.form.TextField({
fieldLabel: 'Tipologia',
id: 'mar_m2_tipo',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_m2_tipo'
}),
new Ext.form.TextField({
fieldLabel: 'Giri al minuto',
id: 'mar_m2_giri',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_m2_giri'
}),
new Ext.form.TextField({
fieldLabel: 'Diametro utensili',
id: 'mar_m2_dia',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_m2_dia'
}),
new Ext.form.TextField({
fieldLabel: 'Peso',
id: 'mar_m2_peso',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_m2_peso'
})
]
}
]
},{
title:'Elettronica',
id: 't4',
items:[
{
xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Elettronica (opzionale)',
labelWidth: 115,
autoHeight:true,
defaultType: 'textfield',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
collapsed: false, //lo fa aprire e chiudere
items :[
new Ext.form.TextField({
fieldLabel: 'Interfaccia',
id: 'mar_e_interfaccia',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_e_interfaccia',
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
width: 300
}),
new Ext.form.TextField({
fieldLabel: 'Azionamento Assi',
id: 'mar_e_azassi',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_e_azassi'
}),
new Ext.form.TextField({
fieldLabel: 'Alimentazione',
id: 'mar_e_alimentazione',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_e_alimentazione'
}),
new Ext.form.TextField({
fieldLabel: 'Consumo',
id: 'mar_e_consumo',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_e_consumo'
})
]
}
]
},{
title:'Software',
id: 't5',
items:[
{
xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Software (opzionale)',
labelWidth: 115,
autoHeight:true,
defaultType: 'textfield',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
collapsed: false, //lo fa aprire e chiudere
items :[
new Ext.form.TextField({
fieldLabel: 'Software di Supporto',
id: 'mar_s_software',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_s_software',
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
width: 300
}),
new Ext.form.TextField({
fieldLabel: 'Sistemi Operativi',
id: 'mar_s_soperativi',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_s_soperativi'
}),
new Ext.form.TextField({
fieldLabel: 'Requisiti Minimi',
id: 'mar_s_requisiti',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_s_requisiti'
}),
new Ext.form.TextField({
fieldLabel: 'Caratteristiche Software',
id: 'mar_s_carat',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_s_carat'
})
]
}
]
},{
title:'Accessori',
id: 't6',
items:[
{
xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Accessori (opzionale)',
labelWidth: 115,
autoHeight:true,
defaultType: 'textfield',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
collapsed: false, //lo fa aprire e chiudere
items :[
new Ext.form.TextField({
fieldLabel: 'Sistemi di Fissaggio',
id: 'mar_a_fissa',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_a_fissa',
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
width: 300
}),
new Ext.form.TextField({
fieldLabel: 'Accessori',
id: 'mar_a_accessori',
disabled: false,
disabledClass: 'x-luca',
allowBlank: true,
width: 300,
maskRe: /^[a-zA-Z0-9\.\ ùèìàò]$/,
name: 'mar_a_accessori'
})
]
}
]
},{
title:'Informazioni Aggiuntive',
id: 't7',
items:[
{
xtype:'fieldset',
checkboxToggle:false, //pulsante di apertura e chiusura
title: 'Informazioni Aggiuntive (opzionale)',
autoHeight:true,
labelWidth: 115,
defaultType: 'textfield',
defaults: {emptyClass: 'x-luca', readOnly: true, cls: 'x-luca'},
collapsed: false, //lo fa aprire e chiudere
items :[
new Ext.form.TextField({
fieldLabel: 'N° assi',
id: 'mar_m_assi',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_assi',
maskRe: /^[0-9]$/,
width: 100
}),
new Ext.form.TextField({
fieldLabel: 'Peso in Kg',
id: 'mar_m_peso',
allowBlank: true,
disabled: false,
disabledClass: 'x-luca',
name: 'mar_m_peso',
maskRe: /^[0-9\.,]$/,
width: 100
})
]
}
]
},{
title:'Galleria fotografica',
id: 't8',
iconCls: 'photo',
items:[
//inizio foto
ExtTest.imageView = new Ext.DataView({
id: 'imageView',
store: imageStore,
tpl: imageTemplate,
itemSelector:'img.image',
overClass: 'over',
selectedClass: 'selected',
singleSelect: true
})
//fine foto
]
}
//fine fieldset
]
})]
}) //chiudo panel
]}]})
}); //chiudo onReady