X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6a7e4474cba9d8be4b2ec445e10f1691f7277c50..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/source/TextItem.html diff --git a/docs/source/TextItem.html b/docs/source/TextItem.html index 860bbb21..09e55611 100644 --- a/docs/source/TextItem.html +++ b/docs/source/TextItem.html @@ -1,56 +1,60 @@ - - - - The source code - - - - -
/*!
- * Ext JS Library 3.2.0
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-
/** - * @class Ext.menu.TextItem - * @extends Ext.menu.BaseItem - * Adds a static text string to a menu, usually used as either a heading or group separator. +Sencha Documentation Project
/**
+ * @class Ext.toolbar.TextItem
+ * @extends Ext.toolbar.Item
+ *
+ * A simple class that renders text directly into a toolbar.
+ *
+ * ## Example usage
+ *
+ * {@img Ext.toolbar.TextItem/Ext.toolbar.TextItem.png TextItem component}
+ *
+ *      Ext.create('Ext.panel.Panel', {
+ *          title: 'Panel with TextItem',
+ *          width: 300,
+ *          height: 200,
+ *          tbar: [
+ *              {xtype: 'tbtext', text: 'Sample TextItem'}
+ *          ],
+ *          renderTo: Ext.getBody()
+ *      });
+ *
  * @constructor
  * Creates a new TextItem
- * @param {Object/String} config If config is a string, it is used as the text to display, otherwise it
- * is applied as a config object (and should contain a text property).
- * @xtype menutextitem
+ * @param {Object} text A text string, or a config object containing a <tt>text</tt> property
+ * @xtype tbtext
  */
-Ext.menu.TextItem = Ext.extend(Ext.menu.BaseItem, {
-    
/** - * @cfg {String} text The text to display for this item (defaults to '') - */ -
/** - * @cfg {Boolean} hideOnClick True to hide the containing menu after this item is clicked (defaults to false) - */ - hideOnClick : false, -
/** - * @cfg {String} itemCls The default CSS class to use for text items (defaults to "x-menu-text") +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) */ - itemCls : "x-menu-text", + text: '', - constructor : function(config){ - if(typeof config == 'string'){ - config = {text: config} - } - Ext.menu.TextItem.superclass.constructor.call(this, config); + renderTpl: '{text}', + // + baseCls: Ext.baseCSSPrefix + 'toolbar-text', + + onRender : function() { + Ext.apply(this.renderData, { + text: this.text + }); + this.callParent(arguments); }, - // private - onRender : function(){ - var s = document.createElement("span"); - s.className = this.itemCls; - s.innerHTML = this.text; - this.el = s; - Ext.menu.TextItem.superclass.onRender.apply(this, arguments); + /** + * Updates this item's text, setting the text to be used as innerHTML. + * @param {String} t The text to display (html accepted). + */ + setText : function(t) { + if (this.rendered) { + this.el.update(t); + this.ownerCt.doLayout(); // In case an empty text item (centered at zero height) receives new text. + } else { + this.text = t; + } } -}); -Ext.reg('menutextitem', Ext.menu.TextItem);
- - \ No newline at end of file +});
\ No newline at end of file