En archivo adjunto pueden ver un ejemplo de uso del PropertyGrid, el cual no esta muy documentado en la API y en los foros lo ponen muy engorroso..como pueden ver lo tengo comentado y espero les este facilitando su comprension..
saludos y si tienen dudas pos digan...

Se agradece.

Hola,

y hablando de paneles de propiedades, llevo varios dias peleandome con uno y no se como solucionarlo. Realmente lo que quiero es que cuando seleccione una fila de un grid, me muestre la fila en un panel de propiedades que tengo en una region east de mi viewport.

Os dejo un trozo del código que estoy probando.

Código: Seleccionar todo

,sm: new Ext.grid.RowSelectionModel({
       singleSelect: true
   ,listeners: {
       selectionchange: function(sel){
      var rec = sel.getSelected();
      if(rec){
           Ext.getCmp('propiedades').body.update(rec.get('CNOM_USER'));   
         /*var propiedadesWindow =  {
                xtype: 'propertygrid',
           source: {
            "IDENTIFICADOR": rec.get('NID_USER'),
            "USUARIO": rec.get('CNOM_USER'),
            "NOMBRE COMPLETO": rec.get('CNOM_COMPLETO'),
            "ZONA": rec.get('NZONA_USER'),
               "PERMISO": rec.get('NID_PERM')
            }
         }*/
      }
   }
}
})


La parte que esta comentada es la que no me funciona, en cambio el Ext.getCmp('propiedades').body.update(rec.get('CNOM_USER')); si que me muestra el nombre del usuario en la ventana de propiedades.

Alguna idea? Gracias de antemano.

Creo que lo que estás buscando, es ÉSTO.

Gracias garraS, fnalmente consegui hacer lo que quería del siguiente modo:

Código: Seleccionar todo

,sm: new Ext.grid.RowSelectionModel({
singleSelect: true
,listeners: {
   selectionchange: function(sm, rowIdx, r) {
      Ext.getCmp('propiedades').setSource(r.data);
   }
  }
})


Ahora mi problema es que en el panel de propiedades me muestra los registros seleccionados pero con el nombre original del campo, es decir NID_USER, CNOM_USER, etc, y yo quisiera que mostrara el nombre que yo le diga, o al menos, el nombre que tiene la columna en el grid.
Dejo una captura del resultado para que quede mas claro. Gracias

toy empezando con extjs, alguien tiene codigo de una alta, baja y modificacion de datos de una tabla, seria un ejemplo valisio. gracias

hey hola estoy tratando de trabajar con PropertyGrid pero no encuentro la forma de meter Checkbox en propiedades Booleanas ... osea que en lugar de True or False coloque un control Checkbox y veo tambien que has podido cambiar el titulo del grid porque el basico es nombre y valor ...

podrias decirme como puedo hacer eso ... por favor

Holas el ejemplo del PropertyGrid solo es una imagen?? no tiene codigo??, si lo tiene alguien podria facilitarme please ya q' no lo pillo el link adjunto del codigo del ejemplo, de antemano gracias

Pavlo escribió:Holas el ejemplo del PropertyGrid solo es una imagen?? no tiene codigo??, si lo tiene alguien podria facilitarme please ya q' no lo pillo el link adjunto del codigo del ejemplo, de antemano gracias

Perdon, era una configuracion del foro que no mostraba los archivos adjuntos con extension JS. Fijate ahora.

Por acá escribe otro novato en ExtJs y mi tema dabe mucho al propertygrid, y es lo siguiente, tengo una panel donde se insertan varios contenedores con texto e imágenes, y lo que quiero lograr es que cada vez que mueva el contenedor se actualice el property grid con los valores, actualmente solo me funciona una vez, ya en la siguiente me da error, aqui va un ejemplo del código
invento1 es un arreglo que contiene al contenedor.

Código: Seleccionar todo

document.getElementById(invento1[propsGrid.getSource().Id[3]].getId()).onmousedown=function(){
                                        Ext.Msg.show({title:'Look at me', msg:propsGrid.getSource().Id[3],buttons: Ext.Msg.OK,animEl: 'elId', icon: Ext.MessageBox.WARNING });
                                        var pos5=invento1[propsGrid.getSource().Id[3]].getPosition();
                                        var ancho5=invento1[propsGrid.getSource().Id[3]].getWidth();
                                        var alto5=invento1[propsGrid.getSource().Id[3]].getHeight();
                                        var id5=invento1[propsGrid.getSource().Id[3]].getId();
                                        var prop5='';

                                        propsGrid.setSource({
                                            "Ancho": ancho5,
                                            "Alto": alto5,
                                            "CordX": pos5[0],
                                            "CordY": pos5[1],
                                            "Inicio": 0,
                                            "Id": id5,
                                            "Fin":0,
                                            "Proporcion": prop5
                                                             });


saludos y gracias