Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / TextItem.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5   <title>The source code</title>
6   <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
7   <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
8   <style type="text/css">
9     .highlight { display: block; background-color: #ddd; }
10   </style>
11   <script type="text/javascript">
12     function highlight() {
13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
14     }
15   </script>
16 </head>
17 <body onload="prettyPrint(); highlight();">
18   <pre class="prettyprint lang-js"><span id='Ext-toolbar-TextItem-method-constructor'><span id='Ext-toolbar-TextItem'>/**
19 </span></span> * A simple class that renders text directly into a toolbar.
20  *
21  *     @example
22  *     Ext.create('Ext.panel.Panel', {
23  *         title: 'Panel with TextItem',
24  *         width: 300,
25  *         height: 200,
26  *         tbar: [
27  *             { xtype: 'tbtext', text: 'Sample Text Item' }
28  *         ],
29  *         renderTo: Ext.getBody()
30  *     });
31  *
32  * @constructor
33  * Creates a new TextItem
34  * @param {Object} text A text string, or a config object containing a &lt;tt&gt;text&lt;/tt&gt; property
35  */
36 Ext.define('Ext.toolbar.TextItem', {
37     extend: 'Ext.toolbar.Item',
38     requires: ['Ext.XTemplate'],
39     alias: 'widget.tbtext',
40     alternateClassName: 'Ext.Toolbar.TextItem',
41
42 <span id='Ext-toolbar-TextItem-cfg-text'>    /**
43 </span>     * @cfg {String} text The text to be used as innerHTML (html tags are accepted)
44      */
45     text: '',
46
47     renderTpl: '{text}',
48     //
49     baseCls: Ext.baseCSSPrefix + 'toolbar-text',
50
51     onRender : function() {
52         Ext.apply(this.renderData, {
53             text: this.text
54         });
55         this.callParent(arguments);
56     },
57
58 <span id='Ext-toolbar-TextItem-method-setText'>    /**
59 </span>     * Updates this item's text, setting the text to be used as innerHTML.
60      * @param {String} t The text to display (html accepted).
61      */
62     setText : function(t) {
63         if (this.rendered) {
64             this.el.update(t);
65             this.ownerCt.doLayout(); // In case an empty text item (centered at zero height) receives new text.
66         } else {
67             this.text = t;
68         }
69     }
70 });</pre>
71 </body>
72 </html>