Ext.field.Select: label not appearing

[nak1]

I recently used the Ext.field.Select element and noticed, that unlike the other fields, it wasn't rendering out the label. Is there a way to get this to properly display?

[mitchellsimoens]

This is working for me:

var form = Ext.create('Ext.form.Panel', {
    fullscreen : true,
    items      : [
        {
            xtype   : 'selectfield',
            label   : 'Select',
            options : [
                { text : 'First Option',  value : 'first'  },
                { text : 'Second Option', value : 'second' },
                { text : 'Third Option',  value : 'third'  }
            ]
        }
    ]
});

[nak1]

I found the cause of the issue (although I can't really explain why). I am currently on Sencha Touch pr3 2 release and I decide to port over the Ext.ux.touch.PagingToolbar code you wrote for 1x. It though I had it working well, but apparently the call to createSelectField, causes the Ext.field.Select fields throughout the application to behave erratically. When I comment out that call, the Ext.field.Select object works well in the other forms. Bizarre.

[rdougan]

What does your createSelectField do?

[mitchellsimoens]

What does your createSelectField do?

	createSelectField: function() {
		return {
			name      : 'pt-options',
			options   : [
				{ text: 'Go to', value: null }
			],
			listeners : {
				scope  : this,
				change : this.onPageChoose
			}
		};
	},