[Solucionado] Ext.form.FieldSet
Hola buenas una consulta tengo un FieldSet, al cual deseo que cuando se le de check para mostrar me haga un alert como podria lograr esto, este es el code
this.fieldProyectos = new Ext.form.FieldSet({
xtype : 'fieldset',
xtype:'fieldset',
checkboxToggle:true,
title: 'Proyecto',
autoHeight:true,
autoWidth: true,
defaults: {width: 210},
defaultType: 'textfield',
collapsed: true,
items :[
{fieldLabel:'Proyecto', emptyText: 'Nombre del proyecto', name:'realstate_proyecto'},
{fieldLabel:'Pisos',name:'realstate_proyecto_pisos',width: 60, xtype:'numberfield'},
{fieldLabel:'Departamentos',name:'realstate_proyectos_departamentos',width: 60, xtype:'numberfield'}
]
});
//resto codigo
//fin resto codigo
this.fieldProyectos.on('show',function(){
alert('se selecciono');
console.log('Se ha selecionado');
},this);
he probado con click, enable, show y los que salen en la documentacion pero no he logrado hacer que funcione.
Gracias.
Usuario no registrado
17/01/2011
La documentación viene dentro de la carpeta que descargas con la librería, también la puedes encontrar on-line aquí:
http://dev.sencha.com/deploy/dev/docs/
Saludos
Crysfel Villa
18/01/2011
Tokkaido puedes pasarme por favor el link de la api, donde esta el evento colapsar y expandir del fieldset, debido a que lo que yo encontre dice otra cosa:
http://portlandartmuseum.org/CFIDE/scripts/ajax/ext/docs/output/Ext.form.FieldSet.html
Invitado
18/01/2011
Gracias Tokkaido, asi es como solucione lo que deseaba hacer:
//resto codigo
//fin resto codigo
this.fieldProyectos = new Ext.form.FieldSet({
xtype : 'fieldset',
xtype:'fieldset',
checkboxToggle:true,
title: 'Proyecto',
autoHeight:true,
autoWidth: true,
defaults: {width: 210},
defaultType: 'textfield',
collapsed: true,
items :[
{fieldLabel:'Proyecto', emptyText: 'Nombre del proyecto', name:'realstate_proyecto'},
{fieldLabel:'Pisos',name:'realstate_proyecto_pisos',width: 60, xtype:'numberfield'},
{fieldLabel:'Departamentos',name:'realstate_proyectos_departamentos',width: 60, xtype:'numberfield'}
],
onCheckClick : function() {
var activeInactive = this.checkbox.dom.checked ? '1' : '0';
if (activeInactive == 1)
{
this.expand();
fieldAreaTerreno.reset();
fieldAreaTerreno.disable();
fieldAreaConstruida.reset();
fieldAreaConstruida.disable();
fieldBanyos.reset();
fieldBanyos.disable();
fieldDormitorios.reset();
fieldDormitorios.disable();
fieldEstacionamientos.reset();
fieldEstacionamientos.disable();
} else {
this.collapse();
fieldAreaTerreno.enable();
fieldAreaConstruida.enable();
fieldBanyos.enable();
fieldDormitorios.enable();
fieldEstacionamientos.enable();
}
}
});
Como pueden ver le agregue onCheckClick: function() en un principio cuando lo ponia me lo sobre-escribia y sucedia que ya no expandia ni ocultaba, por lo que tube que agregarle "this.expand();" y this.collapse(); segun sea el caso para lo cual use un if, espero que a alguien le pueda servir.
Lo que deseaba al final es que cuando se expandiera este deshabilitara unos fields, bueno ahi dejo unas imagenes para que vean lo que deseaba hacer y ahora sale xD.
Gracias
Invitado
18/01/2011
según el API solo puedes "escuchar" el evento colapsar y expandir del fieldset, ahora bien en la misma API aparece la propiedad checkboxName
checkboxName : String
The name to assign to the fieldset's checkbox if checkboxToggle = true (defaults to '[checkbox id]-checkbox').
tal vez podrías capturarla con Ext.getCmp o Ext.getDom o Ext.fly, habría que hacer algunas pruebas y revisar el DOM
Suerte
tokkaido
17/01/2011
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.