JQueryUI tiene una pantalla bastante agradable para botones de opción:

jQuery UI radioset

¿Sencha tiene algo similar?


Pregunta de seguimiento, si no es así:

¿Qué le parece una experiencia de usuario agradable para un componente de tres elementos (o incluso de cuatro) que solo requiere un toque? (por ejemplo, un cuadro de selección son dos toques, uno para abrir la lista de selección y otro para elegir su opción)

1
Pat Newell 17 may. 2012 a las 04:13

1 respuesta

La mejor respuesta

Está buscando Ext.SegmentedButton en Sencha Touch.

Fragmento de código de muestra: -

var segmentedButton = new Ext.SegmentedButton({

    allowMultiple: false,  // ensures only 1 button gets pressed at a time.
    items: [
        {
            text: 'Choice 1'
        },
        {
            text   : 'Choice 2',
            pressed: true
        },
        {
            text: 'Choice 3'
        }
    ],
    listeners: {
        toggle: function(container, button, pressed){
            console.log("User toggled the '" + button.text + "' button: " + (pressed ? 'on' : 'off'));
        }
    }
});
Ext.Viewport.add({ xtype: 'container', padding: 10, items: [segmentedButton] });

Salida: -

enter image description here

3
Saurabh Gokhale 17 may. 2012 a las 09:20
1
Funciona a las mil maravillas, gracias RR. para otros con la misma pregunta, esto también funciona dentro de un FormPanel, al hacer que xtype = 'segmentedbutton'
 – 
Pat Newell
17 may. 2012 a las 18:16
Hola @roadRunner, cuando se usa un botón segmentado en un formulario, ¿es típico crear un campo oculto junto a él y actualizar el valor del campo oculto al cambiar? (sencha 1.1)
 – 
Pat Newell
18 may. 2012 a las 03:36
1
No, no lo creo. ¿Por qué quieres crear un hiddenfield? .. Si quieres obtener el valor del botón presionado, puedes obtenerlo aquí .. Ext.getCmp('segId').getPressedButtons()[0].getText()
 – 
Saurabh Gokhale
18 may. 2012 a las 06:55
Bueno, mis formularios sencha son genéricos / dinámicos creados al reflejarse en los modelos de vista de mi sitio de escritorio. Con eso en mente, no sé necesariamente qué identificadores de elementos buscar en, digamos, un método antes de enviar.
 – 
Pat Newell
21 may. 2012 a las 19:11