Checkbox event not firing in

[Nick Corthals]

REQUIRED INFORMATION


Ext version tested:

• Sencha Touch 2.0.0

Browser versions tested against:

• Google Chrome 17.0.963.83

Description:

• The last container in our view does not register the checked event for our checkboxfield. the problem goes away when you comment the type layout: hbox in the last container.

Steps to reproduce the problem:

• Setting the layout type of last container to hbox

The result that was expected:

• Listener of the checkboxfield should trigger

The result that occurs instead:

• No event is triggered

Test Case:

Ext.define(Test.view.QuestionPanel', {
        extend: 'Ext.Panel',
    xtype: 'testpanel',
    
    config: {
        title: 'test',
        styleHtmlContent: true,
        
    items: [
        {
          xtype: 'container',
          layout: {
            type: 'hbox',
            pack: 'start',
            align: 'center'
          },
          items: [
            { xtype: 'button', iconCls: 'projector_32_160', iconMask: true, action: 'goProjectMode' },
            { xtype: 'spacer' },
            { xtype: 'button', iconCls: 'previous_32_160', iconMask: true},
            { id: 'btnStart', xtype: 'button', iconCls: 'play_32_160', iconMask: true, action: 'goStartStop'},
            { xtype: 'button', iconCls: 'next_32_160', iconMask: true},
            { xtype: 'spacer' },
            { xtype: 'button', iconCls: 'participants_32_160', iconMask: true, action: 'goParticipants' }
          ]
        },
        {
          xtype: 'container',
          id: 'grpQuestion',
          layout: {
              type: 'vbox',
              align: 'center'
            },
          items: [
            { id: 'questionTitle', cls: 'questionTitle' },
            { id: 'questionImage' },    
            {
                id: 'lstAnswers',
                
                xtype: 'container',
                layout: {
                    type: 'vbox',
                    align: 'left'
                }
            }
          ]
        },
        
        { 
          xtype: 'container',
          docked: 'bottom',
          layout: {
            type: 'hbox',    // commenting this will make the checkbox listener to work
            pack: 'start',
            align: 'center'
          },
          items: [
            { xtype: 'button', iconCls: 'arrow2_left_32_160', iconMask: true  },
            { xtype: 'textfield', cls: 'textInputWidth'},
            { xtype: 'button', iconCls: 'arrow2_right_32_160', iconMask: true },
            { xtype: 'spacer' }, 
            { xtype: 'checkboxfield', label: 'Show answer',  labelWidth: 150,
                listeners: {
                    check: function() {
                        console.log('triggered');
                    }
                }
            }
        ]}
        ]    
    }
});

HELPFUL INFORMATION


Debugging already done:

• None

Possible fix:

• Not provided

Additional CSS used:

• Only default sencha css used

Operating System:

• Microsoft Windows 7

[Jamie Avins]

Thank you for the report.

[rdougan]

Fixed for the next release. Many thanks.