add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / draw / FreeDraw.js

/**\r
 * This example shows how to draw doodles of different sizes and colors.\r
 */\r
Ext.define('KitchenSink.view.draw.FreeDraw', {\r
    extend: 'Ext.panel.Panel',\r
    xtype: 'free-paint',\r
\r
    requires: [\r
        'Ext.draw.Component',\r
        'KitchenSink.view.FreeDrawComponent'\r
    ],\r
\r
    layout: 'anchor',\r
    width: 650,\r
\r
    // <example>\r
    // Content between example tags is omitted from code preview.\r
    otherContent: [{\r
        type: 'Component',\r
        path: 'classic/samples/view/draw/FreeDrawComponent.js'\r
    }],\r
    // </example>\r
\r
    lastEvent: 0,\r
\r
    tbar: ['->', {\r
        text: 'Clear',\r
        handler: function(event, toolEl, panelHeader) {\r
            // Remove all the sprites and redraw\r
            var draw = Ext.getCmp('free-paint');\r
            draw.getSurface().removeAll(true);\r
            draw.renderFrame();\r
        }\r
    }],\r
\r
    items: [{\r
        xtype: 'free-paint-component',\r
        id: 'free-paint',\r
        anchor: '100%',\r
        height: 500\r
    }],\r
\r
    onAdded: function(container, pos, instanced) { \r
        this.callParent([container, pos, instanced]); \r
        container.setScrollable(false);\r
    },\r
\r
    onRemoved: function(destroying) {\r
        this.ownerCt.setScrollable(true);\r
        this.callParent([destroying]);\r
    }\r
\r
});\r