add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / classic / samples / view / binding / HelloWorld.js

/**\r
 * This example shows how to use basic data binding. The panel title, the content and the\r
 * button text are all pulled from the view model.\r
 */\r
Ext.define('KitchenSink.view.binding.HelloWorld', {\r
    extend: 'Ext.panel.Panel',\r
    alias: 'widget.binding-hello-world',\r
    width: 500,\r
    bodyPadding: 10,\r
    \r
    viewModel: {\r
        data: {\r
            title: 'Hello World',\r
            html: 'The html content',\r
            buttonText: 'A button'\r
        }\r
    },\r
    \r
    bind: {\r
        title: '{title}',\r
        html: '{html}'\r
    },\r
    \r
    tbar: [{\r
        bind: '{buttonText}'\r
    }]\r
});\r