X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..6746dc89c47ed01b165cc1152533605f97eb8e8d:/docs/source/Separator2.html diff --git a/docs/source/Separator2.html b/docs/source/Separator2.html index 4a637455..cd1d0f8f 100644 --- a/docs/source/Separator2.html +++ b/docs/source/Separator2.html @@ -1,33 +1,144 @@ -Sencha Documentation Project
/**
- * @class Ext.toolbar.Separator
- * @extends Ext.toolbar.Item
- * A simple class that adds a vertical separator bar between toolbar items
- * (css class:<tt>'x-toolbar-separator'</tt>). 
+
+
+
+  
+  The source code
+  
+  
+  
+  
+
+
+  
/**
+ * @class Ext.menu.Separator
+ * @extends Ext.menu.Item
  *
- * {@img Ext.toolbar.Separator/Ext.toolbar.Separator.png Toolbar Separator}
+ * Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will
+ * add one of these by using "-" in your call to add() or in your items config rather than creating one directly.
  *
- * ## Example
+ * {@img Ext.menu.Separator/Ext.menu.Separator.png Ext.menu.Separator component}
  *
- *     Ext.create('Ext.panel.Panel', {
- *         title: 'Toolbar Seperator Example',
- *         width: 300,
- *         height: 200,
- *         tbar : [
- *             'Item 1',
- *             {xtype: 'tbseparator'}, // or '-'
- *             'Item 2'
- *         ],
- *         renderTo: Ext.getBody()
+ * ## Code 
+ *
+ *     Ext.create('Ext.menu.Menu', {
+ *         width: 100,
+ *         height: 100,
+ *         floating: false,  // usually you want this set to True (default)
+ *         renderTo: Ext.getBody(),  // usually rendered by it's containing component
+ *         items: [{
+ *             text: 'icon item',
+ *             iconCls: 'add16'
+ *         },{
+ *             xtype: 'menuseparator'
+ *         },{
+ *            text: 'seperator above',
+ *         },{
+ *            text: 'regular item',
+ *         }]
  *     }); 
  *
- * @constructor
- * Creates a new Separator
- * @xtype tbseparator
+ * @markdown
  */
-Ext.define('Ext.toolbar.Separator', {
-    extend: 'Ext.toolbar.Item',
-    alias: 'widget.tbseparator',
-    alternateClassName: 'Ext.Toolbar.Separator',
-    baseCls: Ext.baseCSSPrefix + 'toolbar-separator',
-    focusable: false
-});
\ No newline at end of file +Ext.define('Ext.menu.Separator', { + extend: 'Ext.menu.Item', + alias: 'widget.menuseparator', + + /** + * @cfg {String} activeCls @hide + */ + + /** + * @cfg {Boolean} canActivate @hide + */ + canActivate: false, + + /** + * @cfg {Boolean} clickHideDelay @hide + */ + + /** + * @cfg {Boolean} destroyMenu @hide + */ + + /** + * @cfg {Boolean} disabledCls @hide + */ + + focusable: false, + + /** + * @cfg {String} href @hide + */ + + /** + * @cfg {String} hrefTarget @hide + */ + + /** + * @cfg {Boolean} hideOnClick @hide + */ + hideOnClick: false, + + /** + * @cfg {String} icon @hide + */ + + /** + * @cfg {String} iconCls @hide + */ + + /** + * @cfg {Mixed} menu @hide + */ + + /** + * @cfg {String} menuAlign @hide + */ + + /** + * @cfg {Number} menuExpandDelay @hide + */ + + /** + * @cfg {Number} menuHideDelay @hide + */ + + /** + * @cfg {Boolean} plain @hide + */ + plain: true, + + /** + * @cfg {String} separatorCls + * The CSS class used by the separator item to show the incised line. + * Defaults to `Ext.baseCSSPrefix + 'menu-item-separator'`. + * @markdown + */ + separatorCls: Ext.baseCSSPrefix + 'menu-item-separator', + + /** + * @cfg {String} text @hide + */ + text: '&#160;', + + onRender: function(ct, pos) { + var me = this, + sepCls = me.separatorCls; + + me.cls += ' ' + sepCls; + + Ext.applyIf(me.renderSelectors, { + itemSepEl: '.' + sepCls + }); + + me.callParent(arguments); + } +});
+ +