X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6a7e4474cba9d8be4b2ec445e10f1691f7277c50..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/source/TextItem.html diff --git a/docs/source/TextItem.html b/docs/source/TextItem.html index 860bbb21..16c9aca8 100644 --- a/docs/source/TextItem.html +++ b/docs/source/TextItem.html @@ -1,56 +1,79 @@ +
- +/*! - * 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. + +- \ No newline at end of file +/** + * @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);+});