add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / classic / rtl / rtl.js

Ext.require([\r
    'Ext.container.Viewport',\r
    'Ext.grid.Panel',\r
    'Ext.grid.plugin.RowEditing',\r
    'Ext.layout.container.Border'\r
]);\r
\r
Ext.onReady(function() {\r
    var text = '\u0635\u0650\u0641 \u062E\u064E\u0644\u0642\u064E \u062E\u064E\u0648\u062F\u0650 \u0643\u064E\u0645\u0650\u062B\u0644\u0650 \u0627\u0644\u0634\u064E\u0645\u0633\u0650 \u0625\u0650\u0630 \u0628\u064E\u0632\u064E\u063A\u064E\u062A \u2014 \u064A\u064E\u062D\u0638\u0649 \u0627\u0644\u0636\u064E\u062C\u064A\u0639\u064F \u0628\u0650\u0647\u0627 \u0646\u064E\u062C\u0644\u0627\u0621\u064E \u0645\u0650\u0639\u0637\u0627\u0631\u0650',\r
        i = 50,\r
        sentences = [],\r
        words = text.split(' '),\r
        edCfg = {\r
            xtype: 'textfield'    \r
        },\r
        paragraph;\r
        \r
    while (i--) {\r
        sentences.push(text);\r
    }\r
    paragraph = sentences.join(' ');\r
\r
    Ext.define('Fubar', {\r
        extend: 'Ext.data.Model',\r
        fields: [ 'foo', 'bar', 'baz', 'zork', 'gork', 'bork' ]\r
    });\r
\r
    // Hide the RTL Button as we already are RTL\r
    Ext.ComponentManager.onAvailable('options-toolbar', function(toolbar){\r
\r
        var rtlButton = toolbar.down('button');\r
        if (rtlButton) {\r
            rtlButton.hide();\r
        }\r
    });\r
\r
\r
    Ext.create('Ext.container.Viewport', {\r
        layout: 'border',\r
        rtl: true,\r
        items: [{\r
            region: 'north',\r
            title: '\u0634\u0645\u0627\u0644',\r
            height: 100,\r
            html: paragraph,\r
            scrollable: true,\r
            collapsible: true,\r
            split: true\r
        },{\r
            region: 'west',\r
            id: 'west-region',\r
            title: '\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u063a\u0631\u0628\u064a\u0629',\r
            width: 200,\r
            collapsible: true,\r
            split: true,\r
            tbar: {\r
                enableOverflow: true,\r
                items: [{\r
                    text: words[9]\r
                }, {\r
                    text: words[3]\r
                }, {\r
                    text: words[4]\r
                }, {\r
                    text: words[0]\r
                }, {\r
                    text: words[12]\r
                }]\r
            }\r
        }, {\r
            region: 'center',\r
            xtype: 'grid',\r
            plugins: [new Ext.grid.plugin.RowEditing()],\r
            title: '\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0646\u0637\u0642\u0629',\r
            columns: [\r
                { dataIndex: 'foo', text: words[0], field: edCfg},\r
                { dataIndex: 'bar', text: words[1], field: edCfg },\r
                { dataIndex: 'baz', text: words[2], field: edCfg },\r
                { dataIndex: 'zork', text: words[3], field: edCfg },\r
                { dataIndex: 'gork', text: words[4], field: edCfg },\r
                { dataIndex: 'bork', text: words[5], field: edCfg, flex: 1 }\r
            ],\r
            store: Ext.create('Ext.data.Store', {\r
                model: 'Fubar',\r
                data: [\r
                    [words[6], words[8], words[9], words[10], words[11], words[12]],\r
                    [words[5], words[4], words[3], words[2], words[1], words[0]],\r
                    [words[12], words[11], words[10], words[9], words[8], words[6]],\r
                    [words[0], words[1], words[2], words[3], words[4], words[5]],\r
                    [words[6], words[8], words[9], words[10], words[11], words[12]],\r
                    [words[5], words[4], words[3], words[2], words[1], words[0]],\r
                    [words[12], words[11], words[10], words[9], words[8], words[6]],\r
                    [words[0], words[1], words[2], words[3], words[4], words[5]],\r
                    [words[6], words[8], words[9], words[10], words[11], words[12]],\r
                    [words[5], words[4], words[3], words[2], words[1], words[0]],\r
                    [words[12], words[11], words[10], words[9], words[8], words[6]],\r
                    [words[0], words[1], words[2], words[3], words[4], words[5]],\r
                    [words[6], words[8], words[9], words[10], words[11], words[12]],\r
                    [words[5], words[4], words[3], words[2], words[1], words[0]],\r
                    [words[12], words[11], words[10], words[9], words[8], words[6]],\r
                    [words[0], words[1], words[2], words[3], words[4], words[5]],\r
                    [words[6], words[8], words[9], words[10], words[11], words[12]],\r
                    [words[5], words[4], words[3], words[2], words[1], words[0]],\r
                    [words[12], words[11], words[10], words[9], words[8], words[6]],\r
                    [words[0], words[1], words[2], words[3], words[4], words[5]]\r
                ]\r
            })\r
        }, {\r
            region: 'east',\r
            title: '\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629',\r
            width: 200,\r
            collapsible: true,\r
            split: true\r
        }, {\r
            region: 'south',\r
            title: '\u062c\u0646\u0648\u0628 \u0627\u0644\u0645\u0646\u0637\u0642\u0629',\r
            height: 100,\r
            collapsible: true,\r
            split: true\r
        }]\r
    });\r
});