add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / modern / src / view / DisclosureList.js

/**\r
 * Demonstrates how to create a simple List based on inline data.\r
 * First we create a simple Person model with first and last name fields, then we create a Store to contain\r
 * the data, finally we create the List itself, which gets its data out of the Store\r
 */\r
\r
Ext.define('KitchenSink.view.DisclosureList', {\r
    extend: 'Ext.Container',\r
    requires: ['KitchenSink.model.Person'],\r
    config: {\r
        layout: Ext.os.deviceType == 'Phone' ? 'fit' : {\r
            type: 'vbox',\r
            align: 'center',\r
            pack: 'center'\r
        },\r
        cls: 'demo-list',\r
        items: [{\r
            width: Ext.os.deviceType == 'Phone' ? null : '50%',\r
            height: Ext.os.deviceType == 'Phone' ? null : '80%',\r
            xtype: 'list',\r
            onItemDisclosure: function(record, btn, index) {\r
                Ext.Msg.alert('Tap', 'Disclose more info for ' + record.get('firstName'), Ext.emptyFn);\r
            },\r
            store: 'List',\r
            itemTpl: '{firstName} {lastName}'\r
        }]\r
    }\r
});\r