/** * A simple element that adds extra horizontal space between items in a toolbar. * By default a 2px wide space is added via CSS specification: * * .x-toolbar .x-toolbar-spacer { * width: 2px; * } * * Example: * * @example * Ext.create('Ext.panel.Panel', { * title: 'Toolbar Spacer Example', * width: 300, * height: 200, * tbar : [ * 'Item 1', * { xtype: 'tbspacer' }, // or ' ' * 'Item 2', * // space width is also configurable via javascript * { xtype: 'tbspacer', width: 50 }, // add a 50px space * 'Item 3' * ], * renderTo: Ext.getBody() * }); */Ext.define('Ext.toolbar.Spacer', { extend: 'Ext.Component', alias: 'widget.tbspacer', alternateClassName: 'Ext.Toolbar.Spacer', // Toolbar required here because we'll try to decorate it's alternateClassName // with this class' alternate name requires: ['Ext.toolbar.Toolbar'], baseCls: Ext.baseCSSPrefix + 'toolbar-spacer', ariaRole: 'presentation'});