PR2 - Fields in form panel but not in fieldset don't display.

[robl]

I am finding that fields in a formpanel that are not in a fieldset are not displaying in PR2. Can anyone spot an error in my code below or is it a PR2 bug?

Ext.application({
    name: '2.0 PR2 Form Test',


    launch: function() {
        console.log('launch:');


        var myPanel = Ext.create("Ext.Panel", {
            fullscreen: true,
            layout: 'vbox',
            items: [
            {
                title: 'Basic',
                xtype: 'formpanel',
                id: 'basicform',
                layout: {
                    type: 'vbox',
                    align: 'stretch'
                },
                // xtype: 'fieldset',
                // title: 'Personal Info',
                // defaults: {
                //  labelWidth: '35%'
                //  },
                items: [
                {
                    xtype: 'textfield',
                    name: 'first',
                    label: 'First'
                },
                {
                    xtype: 'textfield',
                    name: 'last',
                    label: 'Last'
                }
                ]
            }
            ]
        });
        console.log('myPanel=' + myPanel);
        // var tf = new Ext.field.Text();
        // tf.setLabel("hello");
        // myPanel.add(tf);
    }
});

[mitchellsimoens]

Is this due to using vbox?

[stan229]

I actually had something similar. Not that they wouldnt display, but they wouldn't have a "white" background where the actual input was. Labels rendered fine, but the actual input didn't have it's box.

[robl]

I was loading the wrong sencha touch javascript file and somehow the browser/simulator was using the old cached version. Now I'm using the correct file but I am encountering much bigger issues as my app doesn't display at all.

[mitchellsimoens]

The name config of Ext.application is the root of your namespacing. Example:

Ext.application({
    name : 'MyApp',

    ....
});

Sets up the namespaces:

MyApp.controller = {};
MyApp.model = {};
MyApp.store = {};
MyApp.view = {};

Ext.application({
    name : 'Sencha',

    ....
});

Sets up the namespaces:

Sencha.controller = {};
Sencha.model = {};
Sencha.store = {};
Sencha.view = {};

So based on the name you specify, your views should all go into [Name].view[ClassName]