Toolbar navigation "map.disableDoubleClickZoom is not a function"

DavidReeves

Developing using ExtJS 4 and ArcGIS Javascript API v3.3

I am trying to implement a navigation toolbar similar to the one in this Esri sample:

http://help.arcgis.com/en/webapi/javascript/arcgis/jssamples/#sample/toolbar_navigation

When I click a button to select a navigation tool, I receive this error in the console:

"TypeError: map.disableDoubleClickZoom is not a function"
(line 34 from http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.3 is referenced)

Can anyone explain what might be causing this error?

DavidReeves

Thank you for your responses.

map is a global variable
The map has successfully loaded and works fine.
The error appears when I click on the tool.

I've constructed a toolbar

Ext.define('app.view.mainToolbar',{
 extend: 'Ext.toolbar.Toolbar',
 alias: 'widget.mainToolbar',
 border: 0,
 items: [
  { itemId: 'zoomin', iconCls: 'icon-nav-zoomin', tooltip: 'Zoom In' },
  { itemId: 'zoomout', iconCls: 'icon-nav-zoomout', tooltip: 'Zoom Out' },
  { itemId: 'pan', iconCls: 'icon-nav-pan', tooltip: 'Pan' }
)};

and a controller to handle the clicks.

Ext.define('app.controller.toolbarController', {
  extend: 'Ext.app.Controller',
  init: function () {

    this.control({
      'mainToolbar > #zoomin': {
        click: this.ClickNavBtn
      },
      'mainToolbar > #zoomout': {
        click: this.ClickNavBtn
      },
      'mainToolbar > #pan': {
        click: this.ClickNavBtn
      }
    });
 },

///execute different methods of navToolbar(esri.toolbars.Navigation) depending on which button user has clicked
 ClickNavBtn: function (btn, e) {
    switch (btn.itemId) {
      case 'zoomin':
        app.map.navToolbar.activate(esri.toolbars.Navigation.ZOOM_IN);
        break;
      case 'zoomout':
        app.map.navToolbar.activate(esri.toolbars.Navigation.ZOOM_OUT);
        break;
      case 'pan':
        app.map.navToolbar.activate(esri.toolbars.Navigation.PAN);
        break;
    }
 }
});