/*
|
This file is part of Ext JS 4.2
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
Contact: http://www.sencha.com/contact
|
|
GNU General Public License Usage
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
packaging of this file.
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
at http://www.sencha.com/contact.
|
|
Build date: 2013-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
|
*/
|
/**
|
* A simple class that renders text directly into a toolbar.
|
*
|
* @example
|
* Ext.create('Ext.panel.Panel', {
|
* title: 'Panel with TextItem',
|
* width: 300,
|
* height: 200,
|
* tbar: [
|
* { xtype: 'tbtext', text: 'Sample Text Item' }
|
* ],
|
* renderTo: Ext.getBody()
|
* });
|
*
|
* @constructor
|
* Creates a new TextItem
|
* @param {Object} text A text string, or a config object containing a #text property
|
*/
|
Ext.define('Ext.toolbar.TextItem', {
|
extend: 'Ext.toolbar.Item',
|
requires: ['Ext.XTemplate'],
|
alias: 'widget.tbtext',
|
alternateClassName: 'Ext.Toolbar.TextItem',
|
|
/**
|
* @cfg {String} text
|
* The text to be used as innerHTML (html tags are accepted).
|
*/
|
text: '',
|
|
renderTpl: '{text}',
|
//
|
baseCls: Ext.baseCSSPrefix + 'toolbar-text',
|
|
beforeRender : function() {
|
var me = this;
|
|
me.callParent();
|
|
Ext.apply(me.renderData, {
|
text: me.text
|
});
|
},
|
|
/**
|
* Updates this item's text, setting the text to be used as innerHTML.
|
* @param {String} text The text to display (html accepted).
|
*/
|
setText : function(text) {
|
var me = this;
|
me.text = text;
|
if (me.rendered) {
|
me.el.update(text);
|
me.updateLayout();
|
}
|
}
|
});
|
