juliocavalcanti icon

Sencha Touch 2 - RadioGroup 2 Column solution

juliocavalcanti | PRO | 06/28/25 12:31:25 AM UTC (Edited) | 0 ⭐ | 203 👁️ | Never ⏰ | []
JavaScript |

3.17 KB

|

None

|

0 👍

/

0 👎

{   
                itemId: 'companhia',
                layout: 'vbox',
                items: [
                    {
                        xtype : 'panel',
                        cls: 'companhia',
                        items : [
                            {
                                cls: 'perguntas-header closed',
                                layout: 'hbox',
                                items: [
                                    {
                                        cls: 'perguntas-label',
                                        html: '<h1>Companhia:</h1>',
                                        flex: 1
                                    },
                                    {
                                        cls: 'perguntas-option-selected',
                                        itemId: 'companhia-option-selected',
                                        html: 'A Dois',
                                        flex: 2
                                    }
                                ]
                            }, 
                            {
                                xtype : "button",
                                action : "toggleRespostas"
                            }
                        ]
                    },
                    {
                        cls: 'perguntas-options',
                        layout : 'vbox',
                        defaults: {
                            layout : 'hbox',
                            xtype: 'fieldset',
                            ui: 'none',
                            defaults: {
                                xtype: 'radiofield',
                                name: 'companhia-options',
                                labelAlign: 'right',
                                labelWrap: true,
                                labelWidth: '78%',
                                width: '50%'
                            }
                        },
                        items: [
                            {
                                items: [
                                    {
                                        label: 'Amigos',
                                        value: '1',
                                        checked: true
                                    },
                                    {
                                        label: 'A dois',
                                        value: '2'
                                    }
                                ]
                            },
                            {
                                items: [
                                    {
                                        label: 'Pessoal do Trabalho',
                                        value: '3'
                                    },
                                    {
                                        label: 'Família',
                                        value: '4'
                                    }
                                ]
                            }
                        ]
                    }
                ]
            },

Comments