* Bootstrap MenuItem class
* @cfg {String} html the menu label
* @cfg {String} href the link
- * @cfg {Boolean} preventDefault do not trigger A href on clicks.
+ * @cfg {Boolean} preventDefault do not trigger A href on clicks (default false).
* @cfg {Boolean} isContainer is it a container - just returns a drop down item..
* @cfg {Boolean} active used on sidebars to highlight active itesm
* @cfg {String} fa favicon to show on left of menu item.
href : false,
html : false,
- preventDefault: true,
+ preventDefault: false,
isContainer : false,
active : false,
fa: false,
if(this.isContainer){
return {
tag: 'li',
- cls: 'dropdown-menu-item'
+ cls: 'dropdown-menu-item '
};
}
var ctag = {
var anc = {
tag : 'a',
+ cls : 'dropdown-item',
href : '#',
cn : [ ]
};
if (this.parent().type == 'treeview') {
this.el.select('a').on('click', this.onClick, this);
}
+
if (this.menu) {
this.menu.parentType = this.xtype;
this.menu.triggerEl = this.el;
onClick : function(e)
{
Roo.log('item on click ');
- //if(this.preventDefault){
- // e.preventDefault();
- //}
+
+ if(this.preventDefault){
+ e.preventDefault();
+ }
//this.parent().hideMenuItems();
this.fireEvent('click', this, e);