• Publicidad (ayudanos a mantener el Foro haciendo un click sobre la misma)
  • Cuixer, una forma de administrar páginas web que nunca viste!

Ext.ux.plugins.BlankRowCombo

Comparte tus mejoras y extensiones para Ext 2.0.

Ext.foro.Nuevo
Mensajes: 46
Registrado: 12 Sep 2008, 10:58
NotaPublicado: 01 Abr 2009, 09:26
   Bueno dejo este simple plugin para evitar que los valores en blanco de los combobox se vean mal, fue planteado en este tema http://www.extjses.com//viewtopic.php?p=5528#p5528

plugin como solución
Código: Seleccionar todo
Ext.namespace('Ext.ux.plugins');
/**
* Ext.ux.plugins.BlankRowCombo plugin for Ext.form.Combobox
*
* @author  Lopez Sebastian Oscar
* @date    2009.03.31
*
* @class Ext.ux.plugins.BlankRowCombo
* @extends Ext.util.Observable
*
* @Comments
*                  Este plugin sirve para que los valores en blanco de un combo tenga la altura de los demas.
*/
Ext.ux.plugins.BlankRowCombo = function(config) {
   Ext.apply(this, config);
};

Ext.extend(Ext.ux.plugins.BlankRowCombo, Ext.util.Observable, {
   init:function(combo) {
      Ext.apply(combo, {
         tpl: new Ext.XTemplate(
         '<tpl for=".">'
         + '<div class="x-combo-list-item ux-icon-combo-item">'
         + '<tpl if="this.isEmpty(' + combo.displayField + ') == false">'
         +      '{' + combo.displayField + '}'
         + '</tpl>'
         + '<tpl if="this.isEmpty(' + combo.displayField + ')">'
         +       '<span style="color:#FFFFFF">.</span>'
         + '</tpl>'
         + '</div></tpl>',
         {
            isEmpty: function(value){
               return value == '';
            }
         })
      });
   }
});


para usarlo es simple

Código: Seleccionar todo
   var combo = new Ext.form.ComboBox({
      store: store,
      displayField:'sucursal',
      ...
      [color=red]plugins: new Ext.ux.plugins.BlankRowCombo()[/color]
   });


Nota: Sí alguien tiene quiere puede mejorarlo, sí en lugar de esta linea '.' se reemplaza el color blanco por el color real del texto del combo, porque tal vez alguien utilize combos de distintos colores.
Para no ver esta publicidad, debes ser usuario del Foro.
Publicidad (ayudanos a mantener el Foro haciendo un click sobre la misma)


Cuixer, una forma de administrar páginas web que nunca viste!

Avatar de Usuario
Ext.foro.Administrador
Mensajes: 1932
Registrado: 07 Mar 2008, 20:45
Ubicación: Argentina
NotaPublicado: 03 Abr 2009, 17:55
Muchas gracias por el aporte. ;)
Aprender haciendo...
Desarrollo de aplicaciones en ExtJS [CONSULTAR].
Buscar en el foro antes de preguntar y Leer la Documentación.
Imagen

Ext.foro.Nuevo
Mensajes: 2
Registrado: 15 Nov 2010, 14:38
NotaPublicado: 21 Jul 2011, 14:13
Muy bueno gracias por la ayuda!!

Volver a Ext 2.0: Extensiones y mejoras





  • Publicidad (ayudanos a mantener el Foro haciendo un click sobre la misma)
  • Cuixer, una forma de administrar páginas web que nunca viste!