/*
 * File: app/view/Main.js
 *
 * This file was generated by Sencha Architect version 2.2.2.
 * http://www.sencha.com/products/architect/
 *
 * This file requires use of the Sencha Touch 2.2.x library, under independent license.
 * License of Sencha Architect does not include license for Sencha Touch 2.2.x. For more
 * details see http://www.sencha.com/license or contact license@sencha.com.
 *
 * This file will be auto-generated each and everytime you save your project.
 *
 * Do NOT hand edit this file.
 */

Ext.define('MyApp.view.Main', {
    extend: 'Ext.form.Panel',
    alias: 'widget.main',

    requires: [
        'Ext.TitleBar'
    ],

    config: {
        itemId: 'mycontainer',
        layout: {
            type: 'vbox'
        },
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                items: [
                    {
                        align: 'left',
                        name: 'nav_btn',
                        iconCls: 'list',
                        ui: 'plain'
                    }
                ],
                title: 'App&Touch'
            },
            {
                xtype: 'dataview',
                flex: 1,
                defaultType: 'kittenslistitem',
                store: 'teststore',
                useComponents: true
            },
            {
                xtype: 'list',
                flex: 1,
                id: 'lista',
                itemTpl: [
                    '<div>Id:{id} - {Testo} ({Valore})</div>'
                ],
                store: 'teststore'
            }
        ]
    }

});