nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to disable identify widget when active draw widget

MayJeff

I try to auto active identify widget tool when mouse click a polygon everytime. If identify widget is not open, mouse click will open it but how to disable identify tool when using draw widget to draw line or polygon or etc.
I added map.addEventListener(MapMouseEvent.MAP_CLICK, onMouseClick); under configLoaderHandler funtion on MapManger and also added new function
private function onMouseClick(event : MouseEvent) : void
   {
      AppEvent.dispatch(AppEvent.WIDGET_RUN, ViewerContainer.getInstance().widgetManager.getWidgetId("Identify")); // add new reactive identify tool
   }

Any suggestion will help. Thanks.

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

May Jeff,

Thanks for going back and fixing your previous posts.

All comments

MayJeff

You're so welcome. Thank you so much for all your help ^_^

RobertScheitlin__GISP

May Jeff,

Thanks for going back and fixing your previous posts.

MayJeff

I did add a mark on this thread then it show 1 on it. So for my understanding you will get a point, right. So sorry! I see the problem now, I might miss "step" 1 right? I will try to fix it then please let me know if you see any different on the threads. Thanks again.

RobertScheitlin__GISP

May Jeff,

If my answer did help you and you wish to continue to receive help then you need to understand that the forums has a process for marking threads as answered that rewards people like me with MVP points.
I have answered many of you questions and thus far you ignore my request to mark any of your threads as answered or promote the posts that help you. So let me tell you one more time here is how you show your thanks to people spending their time answering your questions:

Don't forget to click the Mark as answer check on this post and to click the top arrow (promote).
Follow these steps as shown in the below graphic:

MayJeff

Thank you very much for your help again. After changed the code, when I clicked on a map and it won't open identify widget anymore. So I changed code on MapManager and it seems to work ok so far.
            //draw tool clicked
            private function setMapActionHandler(event:AppEvent):void
            {
                var data:Object = event.data;
                var tool:String = data.tool;
                var status:String = data.status;
                var symbol:Symbol = data.symbol;
                var showDrawTips:Boolean = data.showDrawTips;
                var enableGraphicsLayerMouseEvents:Boolean = data.enableGraphicsLayerMouseEvents;

                if (tool)
                {
                       map.removeEventListener(MapMouseEvent.MAP_CLICK, onMouseClick);

                    // make sure there is no custom cursor
                    map.cursorManager.removeAllCursors();
                    map.removeEventListener(MouseEvent.ROLL_OVER, map_rollOverHandler);
                    map.removeEventListener(MouseEvent.ROLL_OUT, map_rollOutHandler);

                    m_drawEndFunction = data.handler;
                    m_drawUpdateFunction = data.handler2;
                    m_navTool.deactivate();
                    m_drawTool.activate(tool, enableGraphicsLayerMouseEvents);
                    // showDrawTips
                    m_drawTool.showDrawTips = showDrawTips;
                    // reset symbology
                    m_drawTool.markerSymbol = new SimpleMarkerSymbol;
                    m_drawTool.lineSymbol = new SimpleLineSymbol;
                    m_drawTool.fillSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 0, 0.5, new SimpleLineSymbol);
                    if (symbol)
                    {
                        if (symbol is TextSymbol || symbol is SimpleMarkerSymbol || symbol is PictureMarkerSymbol)
                        {
                            m_drawTool.markerSymbol = symbol;
                        }
                        else if (symbol is SimpleLineSymbol)
                        {
                            m_drawTool.lineSymbol = symbol;
                        }
                        else if (symbol is SimpleFillSymbol)
                        {
                            m_drawTool.fillSymbol = symbol;
                        }
                    }

                    //map.zoomSliderVisible = true;
                    AppEvent.setStatus(status);
                }
                else
                {
                    map.addEventListener(MapMouseEvent.MAP_CLICK, onMouseClick);
                    m_drawTool.deactivate();
                    restoreNavigation();
                }
            }

RobertScheitlin__GISP

May Jef,

So when you add an event listener you specify a function that is to be called and when you remove one you do the same. So if you are adding the event listener in the MapManager than you have to remove it there as well.

Here are some tested code changes that should handle your requirements:

IdentifyWidget.mxml

            private function sharedDataUpdated(event:AppEvent):void
            {
                var data:Object = event.data;
                if (data.key == "Deactivate_DrawTool"){
                    lastTool = null;
                    setMapAction(null, null, null, null);
                    if (selectedDrawingIcon){
                        selectedDrawingIcon.filters = [];
                        selectedDrawingIcon = null;
                    }
                }
            }

and

            private function activateIdentifyTool(event:MouseEvent, lTool:String = ""):void
            {
                addSharedData("Deactivate_DrawTool", null); // to be able to deactivate drawTool on other widgets

                // apply glow
                if(event){
                    //Allow button to act as toggle buttons
                    if(lastTool == Image(event.currentTarget).name){
                        clearSelectionFilter();
                        setMapAction(null, null, null, null);
                        hideInfoWindow();
                        setMapNavigation(null, null);
                        lastTool = "";
                        return;
                    }else{
                        selectedDrawingIcon = Image(event.currentTarget);
                    }
                }else{
                    switch(lTool){
                        case DrawTool.EXTENT :{
                            selectedDrawingIcon = iDrawExt;
                            break;
                        }
                        case DrawTool.POLYGON :{
                            selectedDrawingIcon = iDrawPoly;
                            break;
                        }
                        case DrawTool.MAPPOINT :{
                            selectedDrawingIcon = iDrawPnt;
                            break;
                        }
                        case DrawTool.POLYLINE :{
                            selectedDrawingIcon = iDrawLine;
                            break;
                        }
                        default:{
                            selectedDrawingIcon = iDrawPnt;
                        }
                    }

                }
                clearSelectionFilter();
                selectedDrawingIcon.filters = [ glowFilter ];

                var status:String = "Identify";
                var value:String = selectedDrawingIcon.name;

                lastTool = selectedDrawingIcon.name;
                switch (value){
                    case DrawTool.MAPPOINT:{
                        status = pointLabel;
                        setMapAction(DrawTool.MAPPOINT, status, identMarkerSymbol, drawEnd, null, false, true);
                        break;
                    }
                    case DrawTool.POLYLINE:{
                        status = lineLabel;
                        setMapAction(DrawTool.POLYLINE, status, identLineSymbol, drawEnd, null, false, true);
                        break;
                    }
                    case DrawTool.EXTENT:{
                        status = rectLabel;
                        setMapAction(DrawTool.EXTENT, status, identFillSymbol, drawEnd, null, false, true);
                        break;
                    }
                    case DrawTool.POLYGON:{
                        status = polyLabel;
                        setMapAction(DrawTool.POLYGON, status, identFillSymbol, drawEnd, null, false, true);
                        break;
                    }
                }
            }

MapManager.mxml

            //draw tool clicked
            private function setMapActionHandler(event:AppEvent):void
            {
                var data:Object = event.data;
                var tool:String = data.tool;
                var status:String = data.status;
                var symbol:Symbol = data.symbol;
                var showDrawTips:Boolean = data.showDrawTips;
                var enableGraphicsLayerMouseEvents:Boolean = data.enableGraphicsLayerMouseEvents;

                if (tool)
                {
                    if(status == "Identify"){
                        map.addEventListener(MapMouseEvent.MAP_CLICK, onMouseClick);
                    }
                    // make sure there is no custom cursor
                    map.cursorManager.removeAllCursors();
                    map.removeEventListener(MouseEvent.ROLL_OVER, map_rollOverHandler);
                    map.removeEventListener(MouseEvent.ROLL_OUT, map_rollOutHandler);

                    m_drawEndFunction = data.handler;
                    m_drawUpdateFunction = data.handler2;
                    m_navTool.deactivate();
                    m_drawTool.activate(tool, enableGraphicsLayerMouseEvents);
                    // showDrawTips
                    m_drawTool.showDrawTips = showDrawTips;
                    // reset symbology
                    m_drawTool.markerSymbol = new SimpleMarkerSymbol;
                    m_drawTool.lineSymbol = new SimpleLineSymbol;
                    m_drawTool.fillSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 0, 0.5, new SimpleLineSymbol);
                    if (symbol)
                    {
                        if (symbol is TextSymbol || symbol is SimpleMarkerSymbol || symbol is PictureMarkerSymbol)
                        {
                            m_drawTool.markerSymbol = symbol;
                        }
                        else if (symbol is SimpleLineSymbol)
                        {
                            m_drawTool.lineSymbol = symbol;
                        }
                        else if (symbol is SimpleFillSymbol)
                        {
                            m_drawTool.fillSymbol = symbol;
                        }
                    }

                    //map.zoomSliderVisible = true;
                    AppEvent.setStatus(status);
                }
                else
                {
                    map.removeEventListener(MapMouseEvent.MAP_CLICK, onMouseClick);
                    m_drawTool.deactivate();
                    restoreNavigation();
                }
            }

and of course you would keep your on mouse click function and adding of the event listener in the configLoadedHandler.

MayJeff

Actually I just need to active the identity tool when user click on the map instead of open the identify wiget to active the tool all the time. BUT run into a problem to deactive the identify tool if draw tool is used. So far I added map.addEventListener(MapMouseEvent.MAP_CLICK, onMouseClick) & create new function for onMouseClick on MapManager. I also try to added this map.removeEventListener(MapMouseEvent.MAP_CLICK, onMouseClick) that you suggested inside shareDataUpdated function.
How do you call a function from MapManger? I probably didn't write the right code on it. Thanks for all your help.

RobertScheitlin__GISP

May Jeff,

It is likely the fact that you are adding the event lsitener in two differnt places. I am not even sure why you are doing what you are doing, but I would not add the event listener in the widget, just add it in the Map Manager.

MayJeff

Yes. I am using ESRI draw widget and when you select a line tool to draw a line; it will deactivate it (unhighlight identify tool). The problem is when you click on a map to start to draw a line, it will identify a polygon again and you can't even able to click twice to draw a line.
I can't figure out how to dective identify wiget so it won't active the identify tool. Thanks for all your answers.

RobertScheitlin__GISP

May Jeff,

If you are using a OTB Widget or widget that was developed using the startard widget practices established in esri widget then when that widget activates the APIs DrawTool it will first deactivate other DrawTools by using setMapAction(null, null, null, null);

MayJeff

I still not able to disactive the identify tool when try to draw a line after added removeEventListener inside sharedDataUpdated function. Identify tool always active whenever you click on a map. My onMouseClick function are both the same in IdentifyWidget.mxml & MapManager.mxml.
I also try to close identify widget but when you click then active it again.
Any suggestion this could happen?

RobertScheitlin__GISP

May Jeff,

The widget is doing exactly what you are telling it to do.... You need to remove your added event listener when another widget activates a DrawTool.

In the Identify widget there is an function that gets called when any other widget activates a DrawTool (this normally would have handled the issue you are having, if you were not hacking the code the way you are).

            private function sharedDataUpdated(event:AppEvent):void
            {
                var data:Object = event.data;

                if (data.key == "Deactivate_DrawTool"){
                    map.removeEventListener(MapMouseEvent.MAP_CLICK, onMouseClick);
                    setMapAction(null, null, null, null);
                    if (selectedDrawingIcon){
                        selectedDrawingIcon.filters = [];
                        selectedDrawingIcon = null;
                    }
                }
            }

I will leave it to you to figure out when and where you are going to add back in your event listener.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.