Ext.application({
    launch:function(){
		Ext.Viewport.add({
			xtype:'panel',
			fullscreen:true,
			items:[{
				xtype:'toolbar',
				docked:'top',
				items:[{
					text:'Form values',
					handler:function(){
						Ext.Msg.alert('Values', '<pre>'+Ext.encode(this.up().up().down('formpanel').getValues())+'</pre>');	
					}
				}]
			},{
				xtype:'formpanel',
				itemId:'myForm',
				scrollable:false,
				items:[{
					xtype:'textfield',
					name:'name',
					label:'Name'
				},{
					xtype:'ratingfield',
					label:'Rating',
					value:2,
					name:'userrating'
				}]
			}]
		});
	}
});