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; } } }

Enhanced Search Widget for FlexViewer 2.1

RobertScheitlin__GISP

All Here is my next widget in the FlexViewer 2.1 series

Special thanks to Erwan Caradec for contributing to this code.

The Enhanced Search Widget extends the standard search widget with a floating data grid and a new spatial query w/buffering.

http://www.arcgis.com/home/item.html?id=5d4995ccdb99429185dfd8d8fb2a513e

Trouver plus de publications taguées avec

Accepted answers

All comments

RobertScheitlin__GISP

Halil,

If you look at the documentation or the SearchWidget.xml that come with the widget you will see several examples of wildcard searches that work.

<expression alias="Zoning Name" textsearchlabel="Search Zoning Name [ Example: RES MULTI-FAMILY ]:">upper(ZONING_NAME) LIKE upper('%[value]%')</expression>

If for some reason you are publishing shapefiles (not a very good idea) than your wildcard would be * and not %.

HalilSiddique

Halil,

If you look at the documentation or the SearchWidget.xml that come with the widget you will see several examples of wildcard searches that work.
<expression alias="Zoning Name" textsearchlabel="Search Zoning Name [ Example: RES MULTI-FAMILY ]:">upper(ZONING_NAME) LIKE upper('%[value]%')</expression>
If for some reason you are publishing shapefiles (not a very good idea) than your wildcard would be * and not %.

Thanks Robert.

HalilSiddique

Robert, just a another thing that I have just thought of is, is it possible to do a search between 2 different dates. I have a planning application layer to a date field, and my user wants to select 2 dates and show the features within the 2 dates. I've had a look at the docs. but cant see anything.

Cheers

Halil

StuartBlumberg

Robert,

Where in the code would I need to change it so when I do a graphical search I could repeat the action rather than having to click on the graphical search tool again? Thanks.

RobertScheitlin__GISP

Halil,

Searching by 2 variable is not supported out of the box in this widget. But if you look a couple of post above you will see a link to how some people have added that option.

RobertScheitlin__GISP

Stuart,

That was a little more difficult than I though it was going to be...

   private function searchDrawEnd(event:DrawEvent):void
   {
    //selectedDrawingIcon = null;
    //clearSelectionFilter();
    
    // deactivate the draw tool
    event.target.deactivate();
    var geom:Geometry = event.graphic.geometry;
    clearBuffer();
    if (geom is Polygon && GeometryUtil.polygonSelfIntersecting(geom as Polygon))
    {
     geometryService.simplify([geom], new AsyncResponder(simpResult, null));
     function simpResult(item:Object ,spatialRelat:String):void{
      var simpGeoms:Array = item as Array;
      queryFeaturesGraphical(simpGeoms[0] as Polygon,"esriSpatialRelIntersects",configSearchGraphical[cboLayerGraphical.selectedIndex]);
     }
    }else{
     //create extent around map point to improve search results
     if (geom.type == Geometry.MAPPOINT && addTolerance.selected)
     {
      geom = createExtentAroundMapPoint(geom as MapPoint, pointSearchTolerance);
     }
     queryFeaturesGraphical(geom, "esriSpatialRelIntersects",configSearchGraphical[cboLayerGraphical.selectedIndex]);
    }
    
    var status:String;
    var value:String = selectedDrawingIcon.name;
    switch (value)
    {
     case DrawTool.MAPPOINT:
     {
      status = pointLabel;
      drawSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 15, 0x3FAFDC, 1);
      break;
     }
     case DrawTool.POLYLINE:
     {
      status = lineLabel;
      drawSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, 0x3FAFDC, 1, 1);
      break;
     }
     case DrawTool.EXTENT:
     {
      status = rectangleLabel;
      drawSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 0x3FAFDC, 0.5, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, 0x3FAFDC, 1, 1));
      break;
     }
     case DrawTool.POLYGON:
     {
      status = polygonLabel;
      drawSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 0x3FAFDC, 0.5, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, 0x3FAFDC, 1, 1));
      break;
     }
    }
    setMapAction(value, status, drawSymbol, searchDrawEnd);
   }

Your problem is going to be deactivating. If you close the widget or choose another tool it will deactivate.

StuartBlumberg

Wow, Robert, I though it was way simpler than that, thank you!!
Also, have you been able to duplicate the date issue?

deleted-user-RjoC4IOGTpoH

Good Morning Robert,
Hope all is well.

A few versions ago I had inquired about adding the tag that would enable all the fields to be displayed in the gridfield if the <fields all="true"> is set. Something along the lines of <fields all="true gridfields all="true">. Was this ever implemented and not documented? I am running into a need for it now.

Thanks in advance !!

Nestor.

RobertScheitlin__GISP

Nestor,

No I never added that option as it is a lot more involved than you would think. For the grid to be able to display all the field the QueryTask would have to query and return all the fields and a lot of re-factoring of the code would have to occur. I am not saying that the enhancement has been declined but it does have a low priority.

deleted-user-RjoC4IOGTpoH

No problem. Just checking because I have dataset that has around 170 fields that I would like to avoid adding to the config file.

I will push on anyway. The other enhancements are perfect otherwise.

Thanks !!

Nestor.

StuartBlumberg

Robert,

Is there a way in the Xml to change the colors of the fields and the results in the popup window and the results window? This way the fields could be one color and the results could be another to make them easily discernable. Is this possible? Thanks.

NedCake

Hello Robert,
Thanks for the terrific widget!

Will you be updating the URL Search Configuration for Flexviewer 2.3.1? The documentation for the widget version I downloaded on 6/14/11 says its for Flexviewer 2.2 only.

Thanks for all of the hard work that you put into this!

Ned Cake
Tallahassee/Leon County GIS

philippschnetzer

I would like to have the floating datagrid opened with verticalAlign="bottom" so that it sits nicely at the bottom of the map. Cannot seem to find the proper location to adjust this...

Thanks

DanielMx

I have gotten many great ideas from these forums and I hope I can get one more. How difficult would it be to add an address locator to the enhance search? Could it be done? Has anyone one tried it yet? This is an extremely useful tool but I found out that most of the users arrive to this tool after performing an address search. For example the citizens of the county do not know their parcel identification number, they have to perform and address search then identify the parcel to obtain their PIN to then input it on the search widget. The parcel address field is not something I can use. I'm curios to find out if anybody else is in the same predicament. Do you have any other ideas?
Thank you

GeoffTaylor1

I have installed the Enhanced Search widget and it is working extremely well.

There are two functions that I believe would be extremely valuable if implemented within the widget.

1. The ability to autozoom to the full extent of all selected items when the search has been run.
ex: http://forums.esri.com/Thread.asp?c=158&f=2421&t=298832
I have beat my head against the wall and am completely clueless how to achieve this.

2. The ability to have multiple layers and sublayers. It would be awesome if the advanced search widget could allow for multiple pull-down options like this concept image below. Currently only being able to load a single layer is great but being able to establish a filing structure to pull multiple organized layers and search would be perfect.

Also having a the same structure appear under the spatial search feature for searching "entities of" would be helpful as well.

RobertScheitlin__GISP

Phillip,

The datagrid is centered in the map by this line in the SearchWidget.mxml

PopUpManager.centerPopUp(myfloatdg);

I have not tried but I would guess that you would need to set the bottom and right of the myfloatdg to zero and comment out the above code.

GeoffTaylor1

1. The ability to autozoom to the full extent of all selected items when the search has been run.
ex: http://forums.esri.com/Thread.asp?c=158&f=2421&t=298832
I have beat my head against the wall and am completely clueless how to achieve this.

The first issue was able to be resolved via the following code

add the following after line 238

import com.esri.ags.utils.GraphicUtil;//

add the following around line 1200 and 1400 after "if showGridResults();" and before "} catch (error:Error)"

/////////// MAKE THE MAP'S EXTENT ZOOM TO THE Search Results.
       var graphicsExtent:Extent = GraphicUtil.getGraphicsExtent(featureSet.features);
       if (graphicsExtent)
       {
        map.extent = graphicsExtent;
       }

RobertScheitlin__GISP

Ned,

The URL configuration documentation will still work for FV 2.3.1.

RobertScheitlin__GISP

Geoff,

Your needs are a little to specific and and overkill for most users. The source code is included so people like you can modify the widget as needed.

NedCake

Ned,

The URL configuration documentation will still work for FV 2.3.1.

Robert,
The URL Search Configuration document calls for replacing the mapLoadComplete function (page 4 of 5). I've searched MapManager.mxml in my copy of the 2.3.1 viewer and cannot find a map load complete function. There is a map_loadHandler function but no mapLoadComplete.

Thanks
Ned

RobertScheitlin__GISP

Ned,

Download again. I have the correct documentation in the zip now.

NathanEnge

Robert
A possible enhancement would be to enable multi feature spatial select, like holding down the ctrl key or the shift key to select features not adjacent to each other....?

RobertScheitlin__GISP

Nathan,

Version 2.3.2.2 - 06/24/2011 of the eSearch Widget has your requested abilities without the shift or ctrl key.

EricVenden

Robert,
One quick question on the eSearch widget. Is there a way to turn off the search after doing a graphical search? It appears that if you have been doing a graphical search at some point - even if you do a text search after a graphical search, and then clear the results and close the widget, the user can still draw graphics on the screen.

If this can be done in the code (or config.xml), just let me know where.
Thank you
Eric V

RobertScheitlin__GISP

Eric,

Fixed in the now released Version 2.3.2.3. The graphical search tool will not deactivate when press any of the clear buttons on the widget.

CharlesHarris

Robert-

Can the "user lists" be used to specify an array of numeric values to be used as buffer distances for the buffer operation? We would like to give the user a combobox of predefined values for the buffer operation but make it configurable in the xml so that we can have multiple configurations of the same eSearch widget in which some configurations allow for free form text input for the buffer radius while other configurations give a list of pre-defined values for buffer radii.

The userlists are not mentioned in the PDF, can you provide an example of the configuration of a user list if it can be used to tackle the problem above?

Thanks again for all of your hard work, you have inspired our team here to push the creative boundaries of widget design. We have begun to incorporate field selection and filtering for the datagrid into your widget and have already incorportated a geographic search state within the widget that allows for a census geography search (i.e. search by state, city, zip, blockgroup) as well as an address search.

Jeremy

RobertScheitlin__GISP

Jeremy,

No, the documentation does state that the userlist is for the expression element and

The userlist attributes give you the ability to predefine your own list of search values that will be presented
to the user in a dropdown instead of the user typing the value.

There is currently no ability to specify in the config the buffer amount.

philippschnetzer

Phillip,

The datagrid is centered in the map by this line in the SearchWidget.mxml
PopUpManager.centerPopUp(myfloatdg);
I have not tried but I would guess that you would need to set the bottom and right of the myfloatdg to zero and comment out the above code.

Thanks, Robert, I appreciate your help! Unfortunately I was unable to make this happen - I am not sure how to set the 'right' property - and having the 'bottom' set to 0, as below, makes the datagrid align to the top of the screen....

if(!myfloatdg){
      myfloatdg = SearchWidgetFloatDG(PopUpManager.createPopUp(map,SearchWidgetFloatDG,false,PopUpManagerChildList.POPUP));
      //commented out to move the datagrid...
      //PopUpManager.centerPopUp(myfloatdg);
      myfloatdg.bottom="0";

Not an expert with this stuff so your help goes a long way...thanks! Some day we will meet in California - and I will buy you the finest double scotch available!

RobertScheitlin__GISP

Phillip,

This what I got to work for me (I think I ran into a Flex Viewer Bug with it's top attribute).

            private function showGridResults():void
            {
                try
                {
                    if(gridFields.length == 0){
                        showMessage("No Datagrid configured for this layer", false);
                        return;
                    }
                    
                    if(!myfloatdg){
                        myfloatdg = SearchWidgetFloatDG(PopUpManager.createPopUp(map,SearchWidgetFloatDG,false,PopUpManagerChildList.POPUP));
                        //PopUpManager.centerPopUp(myfloatdg);
                        myfloatdg.y = map.height + Number(ViewerContainer.getInstance().mapManager.top) - myfloatdg.height;
                        myfloatdg.x = 0;
                    }else{
                        var exists:Boolean = false;
                        for (var p:Number=0;p<systemManager.popUpChildren.numChildren;p++) {
                            if(systemManager.popUpChildren.getChildAt(p) is SearchWidgetFloatDG)
                            {
                                exists = true;
                                break;
                            }
                        }
                        if(exists == false)
                            PopUpManager.addPopUp(myfloatdg,map,false); 

                        //PopUpManager.centerPopUp(myfloatdg);

                        myfloatdg.y = map.height + Number(ViewerContainer.getInstance().mapManager.top) - myfloatdg.height;
                        myfloatdg.x = 0;
                    }
                    if(!gridFields)
                        gridFields = configSearchText[0].gridfields;
                    myfloatdg.enableExport = configSearchText[0].enableexport;
                    myfloatdg.layerDetails = queryLayer.layerDetails;
                    myfloatdg.csvSeperator = csvSep;
                    myfloatdg.csvExportOptionLbl = exp2csvOptLbl;
                    myfloatdg.txtExportOptionLbl = exp2txtOptLbl;
                    myfloatdg.ExportButtonLbl = expBtnLbl;
                    myfloatdg.csvName = _csvName;
                    myfloatdg.sumField = sumField;
                    myfloatdg.labelSum = lblSum;
                    myfloatdg.dgFieldAliases = fldAliases;
                    myfloatdg.dgColumns = gridFields;
                    myfloatdg.dgHyperColumns = gridHyperFields;
                    myfloatdg.dProvider = gridDataProvider;
                    myfloatdg.graphicslayer = graphicsLayer;
                    if(lState == "graphicalInput"){
                        var i2:Number = cboLayerGraphical.selectedIndex;
                        zoomScale = configSearchGraphical[i2].zoomscale;
                        myfloatdg.enableExport = configSearchGraphical[i2].enableexport;
                    }else if (lState == "textInput"){
                        var i:Number = cboLayerText.selectedIndex;
                        zoomScale = configSearchText.zoomscale;
                        myfloatdg.enableExport = configSearchText.enableexport;
                    }
                    myfloatdg.zoomScale = zoomScale;
                    myfloatdg.ownerWidget = this;
                }
                catch (error:Error)
                {
                    showMessage(error.message, false);
                }
            }

philippschnetzer

Robert,

That worked...except when the browser screen is resized the float grid does not stay at the bottom of the screen dynamically with the browser. For example, if I begin the search in a small browser window the grid will first appear at the bottom, as intended...but if I then resize the browser to a larger area the grid begins the pull away from the bottom and stay at a fixed distance from the top of the header.

Phil

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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