topic add ROLL_OVER on QueryWidget in ArcGIS Viewer for Flex Questions

add ROLL_OVER on QueryWidget

NatashaManzuiga — Thu, 21 Aug 2014 10:46:33 GMT

Hi, I 'm trying to add a ROLL_OVER function on mouseovergraphic

I added this line on createQueryResults..

graphic.addEventListener(MouseEvent.ROLL_OVER, mouseOverGraphic);

and the function:

private function mouseOverGraphic(event:MouseEvent):void
    {
        var gra:Graphic = event.currentTarget as Graphic;
        var infoData:Object = gra.attributes;

        clearTimeout(hitimer);
        var queryResult:ResultItem = gra.attributes as ResultItem;
        if (map.extent.containsXY(queryResult.center.x, queryResult.center.y))
                // only show infowindow if query result in contained within map extent
        {
            hitimer = setTimeout(showHighlight, 300, [ queryResult ]);
        }
        else
        {
            hideInfoWindow();
        }

}

What I'm wronging?

Naty

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Thu, 21 Aug 2014 14:03:59 GMT

Naty,

It is because the graphics attributes are not a ResultItem.

Here is the fix:

import mx.collections.ArrayList;
import com.esri.ags.components.ContentNavigator;

            private var contentNavigator:ContentNavigator = new ContentNavigator();

            private function mouseOverGraphic(event:MouseEvent):void
            {
                var currentGraphic:Graphic = event.currentTarget as Graphic;
                var mapPoint:MapPoint = (currentGraphic.geometry.type == Geometry.MAPPOINT)? (currentGraphic.geometry as MapPoint) : currentGraphic.geometry.extent.center;
                contentNavigator.dataProvider = new ArrayList([ currentGraphic ]);
                // Put the ContentNavigator in the info window.
                map.infoWindowContent = contentNavigator;
                map.zoomTo(currentGraphic.geometry);
                map.infoWindow.show(mapPoint);
            }

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Thu, 21 Aug 2014 14:16:34 GMT

It was impossibile for me to make it possible!!!

Thanks!!

I still have some problem to populate infopopup..with the PopUpRendererSkin.mxml ...because when I select a record on search result...it works well..when I ROLL_OVER on a Graphic...it doesnt show me title and description..

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Thu, 21 Aug 2014 14:23:59 GMT

Naty,

I am not sure I understand your problem. Can you provide screenshots?

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Thu, 21 Aug 2014 14:43:21 GMT

Naty,

Try this instead:

            private function mouseOverGraphic(event:MouseEvent):void
            {
                var currentGraphic:Graphic = event.currentTarget as Graphic;
                var resultAttributes:ResultAttributes;
                resultAttributes = graphicToResultAttributes[currentGraphic];
                popUpRenderer.popUpInfo = configurePopUpInfo(resultAttributes);
                popUpRenderer.graphic = currentGraphic
                var mapPoint:MapPoint = (currentGraphic.geometry.type == Geometry.MAPPOINT)? (currentGraphic.geometry as MapPoint) : currentGraphic.geometry.extent.center;
                map.infoWindow.content = popUpRenderer;
                map.infoWindow.contentOwner = popUpRenderer.graphic;
                map.infoWindow.show(mapPoint);
            }

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 13:23:04 GMT

Robert, thanks, you fixed my problem...

I still have this problem when I graphically click on the feature..

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Mon, 25 Aug 2014 13:30:11 GMT

Naty,

The popup that you get from clicking on a feature is not controlled by the Query widget, it is controlled by the popup you have defined for the layer in the main config, that is why there is a difference.

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 13:33:13 GMT

And can I modify it....or at least....can I disable click on the feature?

Thanks Robert,

Naty

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Mon, 25 Aug 2014 13:34:58 GMT

Naty,

Sure you can just remove the popup portion that you specified for that layer in the main config.xml

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 13:49:08 GMT

In the main config.xml, I just have this line:
<widget url="widgets/Query/QueryWidget.swf" config="widgets/Query/QueryWidget_HealthEmergency.xml" label="Health and Emergency" icon="assets/images/19_icon.png"/>

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 14:06:14 GMT

Maybe, in my case is to disable click...

Can I do it?

Naty

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Mon, 25 Aug 2014 14:09:36 GMT

Naty,

What does the layer tag look like for this layer in question. It has nothing to do with the widget portion of the main config.

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 14:33:33 GMT

Maybe it happens because I customized the file:
PopUpRendererSkin.mxml?

But Can I disable the click in the features found of the querywidget?

Naty

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Mon, 25 Aug 2014 14:40:06 GMT

Naty,

Is this layer a part of your map before you open the query widget? and if so does a popup appear when you click on a feature of this layer?

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 14:43:11 GMT

No, it is not a part of my map before I open the query widget...

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Mon, 25 Aug 2014 14:47:22 GMT

Naty,

OK where in your code are you setting the popup to use your custom PopUpRendererSkin?

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 15:15:57 GMT

Robert,

I just added the original src file of ESRI PopUpRendererSkin.mxml in the folder: myproject/src/com/esri/ags and I customized it..

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Mon, 25 Aug 2014 15:31:43 GMT

Naty,

OK to disable the graphic click popup then just comment out this line in the createQueryResults function

graphic.infoWindowRenderer = infoWindowRenderer;

You can then add the graphic click event yourself in the createQueryResults function, just like the ROLL_OVER:

graphic.addEventListener(MouseEvent.CLICK, mouseOverGraphic);

Re: add ROLL_OVER on QueryWidget

NatashaManzuiga — Mon, 25 Aug 2014 16:47:54 GMT

Thanks....that's perfectly fit the click event...

One strange thing still happens

If I have search widget opened and a querywidget too...if I click a feature which is of the search widget...why if I click on it...the search doesnt start ...?

Re: add ROLL_OVER on QueryWidget

RobertScheitlin__GISP — Mon, 25 Aug 2014 17:12:02 GMT

Naty

why if I click on it...the search doesnt start ...?

You have me pretty confused with that question. Why would a search start if you click on a feature?... are you saying that you have the search's graphical selection tool active?...