add extjs 6.0.1 sources

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

/**\r
 * This example shows simple dynamic data binding. When the data in the underlying view\r
 * model is modified, the change is relayed back to the panel and the markup is updated.\r
 */\r
Ext.define('KitchenSink.view.binding.Dynamic', {\r
    extend: 'Ext.panel.Panel',\r
    alias: 'widget.binding-dynamic',\r
    //<example>\r
    otherContent: [{\r
        type: 'Controller',\r
        path: 'classic/samples/view/binding/DynamicController.js'\r
    }],\r
    //</example>\r
    \r
    width: 300,\r
    bodyPadding: 10,\r
    controller: 'binding-dynamic',\r
\r
    viewModel: {\r
        data: {\r
            title: 'Some Title',\r
            content: 'Some Content'\r
        }\r
    },\r
    \r
    bind: {\r
        title: 'Info - {title}',\r
        html: 'Stuff: {content}'\r
    },\r
    \r
    tbar: [{\r
        text: 'Change title',\r
        listeners: {\r
            click: 'onChangeTitleClick'\r
        }\r
    }, {\r
        text: 'Change content',\r
        listeners: {\r
            click: 'onChangeContentClick'\r
        }\r
    }]\r
});\r