add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / toolbar / TextItem.js

/**\r
 * A simple class that renders text directly into a toolbar.\r
 *\r
 *     @example\r
 *     Ext.create('Ext.panel.Panel', {\r
 *         title: 'Panel with TextItem',\r
 *         width: 300,\r
 *         height: 200,\r
 *         tbar: [\r
 *             { xtype: 'tbtext', html: 'Sample Text Item' }\r
 *         ],\r
 *         renderTo: Ext.getBody()\r
 *     });\r
 *\r
 */\r
Ext.define('Ext.toolbar.TextItem', {\r
    extend: 'Ext.toolbar.Item',\r
    // Toolbar required here because we'll try to decorate it's alternateClassName\r
    // with this class' alternate name\r
    requires: ['Ext.toolbar.Toolbar', 'Ext.XTemplate'],\r
    alias: 'widget.tbtext',\r
    alternateClassName: 'Ext.Toolbar.TextItem',\r
\r
    /**\r
     * @cfg {String} text\r
     * The text to be used as innerHTML (html tags are accepted).\r
     *\r
     * @deprecated 5.1.0 Use {@link #html}\r
     */\r
    text: '',\r
\r
    baseCls: Ext.baseCSSPrefix + 'toolbar-text',\r
    \r
    ariaRole: null,\r
\r
    beforeRender : function() {\r
        var text = this.text;\r
\r
        this.callParent();\r
\r
        if (text) {\r
            this.html = text;\r
        }\r
    },\r
\r
    /**\r
     * Updates this item's text, setting the text to be used as innerHTML.\r
     * @param {String} text The text to display (html accepted).\r
     *\r
     * @deprecated 5.1.0 Use {@link #update}\r
     */\r
    setText : function(text) {\r
        this.update(text);\r
    }\r
});