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>