Non-closing toolbar for multiselect

[mcadirci]

Hello,

I have a toolbar which has a button with some checkable submenu items. It works great but clicking a submenu item makes the menu closed. I want to click some of the with out reopening the menu.

Any suggestions would be great.

Here is my code:

var contentToolbar = new Ext.Toolbar({
    	enableOverflow: true,
    	hideBorders: true,
    	buttonAlign: 'right',
	    items: [
            {
            	xtype: 'button',
            	text: 'refresh'
            },
			{
				xtype: 'button',
				text: '<fmt:message key="Show"/>',
				icon:'<c:out value="${pageContext.request.contextPath}"/>/icons/magnifier.png',
                menu: [
   					{
   						text: '<fmt:message key="AltTextStoppedVehicles"/>',
		                checked: false,
   		                checkHandler: onItemCheck
					},
					{
						text: '<fmt:message key="AltTextMovingVehicles"/>',
						checked: false,
						checkHandler: onItemCheck
					},{
						text: '<fmt:message key="AltTextIdleVehicles"/>',
						checked: false,
						checkHandler: onItemCheck
					},
					{
						text: '<fmt:message key="AltTextViolationVehicles"/>',
						checked: false,
						checkHandler: onItemCheck
					},
					{
						text: '<fmt:message key="AltTextVehiclesInRegion"/>',
						checked: false,
						checkHandler: onItemCheck
					},
					{
						text: '<fmt:message key="AltTextVehiclesOutOfRegion"/>',
						checked: false,
						checkHandler: onItemCheck
					},
					{
						text: '<fmt:message key="AltTextVehiclesWithNoData"/>',
						checked: false,
						checkHandler: onItemCheck
					}
				]   
			}
		]
    });

Thanks.

--
Mehmet

[laurentParis]

can you send us :
method onItemCheck

thanks

[mcadirci]

At this function I simply filter all my grids.

function onItemCheck(item, checked){
	if( item.text == '<fmt:message key="AltTextStoppedVehicles"/>' ){
		stopFilter = checked;
	}else if( item.text == '<fmt:message key="AltTextMovingVehicles"/>' ){
		moveFilter = checked;
	}else if( item.text == '<fmt:message key="AltTextIdleVehicles"/>' ){
		idleFilter = checked;
	}else if( item.text == '<fmt:message key="AltTextViolationVehicles"/>' ){
		violationFilter = checked;
	}else if( item.text == '<fmt:message key="AltTextVehiclesInRegion"/>' ){
		inRegionFilter = checked;
	}else if( item.text == '<fmt:message key="AltTextVehiclesOutOfRegion"/>' ){
		outOfRegionFilter = checked;
	}else if( item.text == '<fmt:message key="AltTextVehiclesWithNoData"/>' ){
		noDataFilter = checked;
	}
	var i;
	
	for( i = 0 ; i < grids<%=currentTime%>.length ; i ++ ){
		grids<%=currentTime%>[i].store.filterBy(function (record, id) {
			if( stopFilter == false && moveFilter == false && idleFilter == false && violationFilter == false && inRegionFilter == false && outOfRegionFilter == false && noDataFilter == false ){
				return true;
			}
			if( (stopFilter == true && record.data.stopFilter == true)
					|| (moveFilter == true && record.data.moveFilter == true)
					|| (idleFilter == true && record.data.idleFilter == true)
					|| (violationFilter == true && record.data.violationFilter == true)
					|| (noDataFilter == true && record.data.noDataFilter == true)){
				return true;
			}				
			return false;
		});
	}
}

[laurentParis]

I suggest to use click event insteat onItemCheck
with click event you can manage event, because event object is second argument
so, you can stop event

listeners: {
  click: function (item, e) {
    e.stopEvent();
   if( item.text == '<fmt:message key="AltTextStoppedVehicles"/>' ){...
  }
} 

manage check status with item object

[mcadirci]

Hello again,

Thanks for your answer but I can't figure out how can I prevent the toolbar menu from closing.

I have added the listener to the button:

menu: [
        {
            text: '<fmt:message key="AltTextStoppedVehicles"/>',
            checked: false,
            listeners: {
                click: function (item, e) {
                    e.stopEvent();
                    if( item.text == '<fmt:message key="AltTextStoppedVehicles"/>' ){
                        //alert('hello');
                    }
                }
            }
            //checkHandler: onItemCheck
        }, 

But still the menu is closed.