TextItem.js
1.37 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
/**
* 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;
if (me.rendered) {
me.el.update(text);
me.updateLayout();
} else {
this.text = text;
}
}
});