Ext.require(['Ext.data.Store','Ext.dataview.List','Ext.MessageBox']);

Ext.application({

    name: 'MyApp',

    icon: 'images/icon.png',

    glossOnIcon: false,

    phoneStartupScreen: 'images/phone_startup.png',

    tabletStartupScreen: 'images/tablet_startup.png',

    launch: function(){

        Ext.define('User',{

            extend: 'Ext.data.Model',

            config: {

                fields: ['firstName','lastName']

            }

        });

        var store = Ext.create('Ext.data.Store',{

            model: 'User',

            data: [{

                firstName:'美丽',lastName:'王'

            },{

                firstName:'美丽',lastName:'李'

            },{

                firstName:'美丽',lastName:'陈'

            }]

        });

        var myList = Ext.create('Ext.List',{

            store: store,

            itemTpl: '<div>{lastName}{firstName}</div>',

            // onItemsDisclosure 点击事件

            onItemDisclosure: function(record,element,index,e){

                Ext.Msg.alert(store.getAt(index).get('firstName'));

            }

        });

        Ext.Viewport.add(myList);

    }

});