Howto disable grid focus on click?

[netslayer]

I have a simple grid loaded from a remote store. When a user clicks a cell it calls focus and repositions the browser window to the grid. I do not want this behavior. Grid Panel docs suggest using focusOnToFront which I set to false but it still doesn't do anything. any ideas? Disabling all focus/click events on the grid panel works for me if there's a way to do that.

You can reproduce this only on Chrome, not firefox on the example page.
Open this example, scroll to the top of the page, make your chrome window smaller coming mid way over the grid and then click on a row. The browser scrolls down.. why

http://dev.sencha.com/deploy/ext-4.0.../xml-grid.html

[netslayer]

any ideas? is this a bug?

[Dem0liti0n]

Not sure if you ever came around solving this. For all

This is a functionality which could potentially build up to a bug/unwanted behaviour...
This can be solve by disabling all listeners on the grid e.g.

itemsGrid.disableEvents(true);

or the specific event (onclick)...

[netslayer]

I don't see disableEvents() method on the grid panel.. ? thanks for the reply!

[Dem0liti0n]

Hi Netslayer,

There is:

  /** 
   * True to disable event processing. 
   *  
   * @param disable true to disable 
   */  
  public void disableEvents(boolean disable) {  
    disableEvents = disable;  
  }

Note: this would also take away mouse roll-over and roll-off listeners. The instance that I have use this for didn't require this functionality neither.


see http://www.sencha.com/gxtdocs/codese...onent&line=375

let me know how you get on...

[netslayer]

I'm using Extjs4 so I don't have access to that method. I have tried suspendEvents(false) on the grid and it doesn't help. It's easily reproducible in the example grid in chrome.

[netslayer]

I can replicate this behavior very simply on a grid in chrome by just calling view focus. The page jumps down to the grid. Any ideas on how to disable this?

Ext.getCmp('myGrid').getView().focus();

[netslayer]

Found a solution:
Ext.getCmp('myGrid').getView().suspendEvents(false);

It doesn't make sense that a grid view has a focus event that repositions the pages viewport on click.

[netslayer]

The problem I had with suspendEvents is obviously it broke the load event on the grid which was needed. Wrote a quick function to remove the culprit managed listener "mousedown" that's on the grids view.

I call this with disableGridClick(grid.getView());

function disableGridClick(view) {
    var managedListeners = view.managedListeners || [],
        i = 0,
        len = managedListeners.length;

    for (; i < len; i++) {
        if (managedListeners[i].ename == 'mousedown') {
            view.removeManagedListenerItem(true, managedListeners[i]);
        }
    }
}

[rvaibhav]

For me the problem is more severe. I cannot disable grid events as I need them.
I'm using cellEditing plugin. So when I disable mousedown, it works for non-editable cells. But when I click editable cell, it again calls focus, grid shifts up and js exception is thrown 'event is null'.

Any solution preferrably w/o disabling grid events?

thx

Vaibhav