add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / neptune-components / app / view / menu / Menus.js

Ext.define('Neptune.view.menu.Menus', function() {\r
    var count = 0,\r
        container, item;\r
\r
    function getItems() {\r
        count++;\r
        return [\r
            { text: 'icon', iconCls: 'feed' },\r
            { checked: true, text: 'check item' },\r
            { text: 'plain item', plain: true },\r
            { text: 'Sub Menu', menu: [\r
                { text: 'no icon' },\r
            ] },\r
            { xtype: 'menucheckitem', text: 'check icon', iconCls: 'feed' },\r
            { checked: false, text: 'check icon right', iconCls: 'feed', iconAlign: 'right' },\r
            { text: 'icon menu', iconCls: 'feed', menu: [\r
                { text: 'fubar' }\r
            ] },\r
            { text: 'icon right menu', iconCls: 'feed', iconAlign: 'right', menu: [\r
                { text: 'fubar' }\r
            ] },\r
            { checked: true, text: 'check icon right menu', iconCls: 'feed', iconAlign: 'right', menu: [\r
                { text: 'fubar' }\r
            ] },\r
            { text: 'icon right', iconCls: 'feed', iconAlign: 'right' },\r
            { text: 'some awesome<br/>wrapping text' },\r
            { xtype: 'textfield' },\r
            { xtype: 'combo' },\r
            { xtype: 'numberfield' },\r
            {text: 'Checked Option', checked: true,  group: 'opts' + count},\r
            {text: 'Unchecked Option', checked: false, group: 'opts' + count},\r
            {text: 'Ck Option Menu', checked: true,  group: 'grp' + count, menu: [\r
                { text: 'fubar' }\r
            ] },\r
            {text: 'Ck Opt Menu Icon', iconCls: 'feed', checked: true,  group: 'foo' + count, menu: [\r
                { text: 'fubar' }\r
            ] },\r
            {text: 'Ck Opt Icon', iconCls: 'feed', checked: true, group: 'bar' + count},\r
            {text: 'Ck Opt Icon Right', iconCls: 'feed', iconAlign: 'right', checked: true, group: 'baz' + count}\r
        ];\r
    }\r
\r
    return {\r
        extend: 'Ext.container.Container',\r
        xtype: 'menus',\r
        id: 'menus',\r
        layout: {\r
            type: 'table',\r
            columns: 3,\r
            tdAttrs: {\r
                width: 250\r
            }\r
        },\r
        defaults: {\r
            xtype: 'menu',\r
            floating: false,\r
            shrinkWrap: true,\r
            margin: '0 10 0 0'\r
        },\r
        items: [\r
            { xtype: 'component', html: '<h3>showSeparator: true</h3>' },\r
            { xtype: 'component', html: '<h3>showSeparator: false</h3>' },\r
            { xtype: 'component', html: '<h3>plain: true</h3>' },\r
            { items: getItems(), showSeparator: true },\r
            { items: getItems(), showSeparator: false },\r
            { items: getItems(), plain: true }\r
        ]\r
    };\r
});