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

MiniSearch widget doesnt work execSearch()

NatashaManzuiga

http://forums.esri.com/Thread.asp?c=158&f=2421&t=295623#953276

I have the same problem...execSearch()..in MiniSearch widget.
If I add a search term and press Return nothing happens. I also added a button to the widget with the "execSearch()" statement and nothing happens with this either.

Thx

Naty

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

rscheitlin

Naty,

Davide pointed me in the right direction here is the new init function.

private function init():void
            {
                if(configXML)
                {
                    searchTip = configXML.textsearchtip;
                    advancedAutoComplete.toolTip = searchTip;
                }
                _xlcDP = new XMLListCollection(dp.Building);
                advancedAutoComplete.setStyle("textRollOverColor",0x000000);
                advancedAutoComplete.setStyle("textSelectedColor",0x000000);
            }

DavideRodomonti

Naty,

I ran into this before and was not able to change the background color in the autocomplete component. So sorry my best advice is to change your text color for the whole Flex Viewer.

Robert and Naty, let's try to set styles "rollOverColor" and "selectionColor".

Davide

rscheitlin

Naty,

I ran into this before and was not able to change the background color in the autocomplete component. So sorry my best advice is to change your text color for the whole Flex Viewer.

NatashaManzuiga

I tried with this "color" too and it perfectly works...but my problem is that when I open the dropdown the selected item has the same color of the Font 😄 so I cant see what I'm selecting 😛
Thanks Robert!!
Naty

Naty,

This is what I would change in the code:

<hc:AdvancedAutoComplete id="advancedAutoComplete" x="8" y="30" width="250"            
                                 dataProvider="{_xlcDP}"
                                 labelField="@name"            
                                 matchType="anyPart"
                                 showRemoveIcon="true"
                                 selectedItemStyleName="none"
                                 color="#000000"
                                 change="execSearch()"
                                 itemClick="{advancedAutoComplete.showBrowser()}"
                                 actionsMenuDataProvider="{autoCompleteMenuData}"
                                 browserFields="{[{label:'Building Name', field:'@name'}]}"/>

rscheitlin

Naty,

This is what I would change in the code:

<hc:AdvancedAutoComplete id="advancedAutoComplete" x="8" y="30" width="250"            
                                 dataProvider="{_xlcDP}"
                                 labelField="@name"            
                                 matchType="anyPart"
                                 showRemoveIcon="true"
                                 selectedItemStyleName="none"
                                 color="#000000"
                                 change="execSearch()"
                                 itemClick="{advancedAutoComplete.showBrowser()}"
                                 actionsMenuDataProvider="{autoCompleteMenuData}"
                                 browserFields="{[{label:'Building Name', field:'@name'}]}"/>

NatashaManzuiga

Robert I missed to say thank u for this code!!
It fixed my problem.

Now as u can see in image attached I almost dont see the text inside the AutoComplete Search. I put inside the minisearch widget.

I wish I could change the style for it...but it's hard... I dont know how to change it. 😞
Can u help me?

Thanks Robert!

Naty

Naty,

Sure the url portion of the search would not use the minisearch at all just the built in capability of the eSearch to query based on the URL. The URL would look like this

index.html?search=1&slayer=0&exprnum=0

you need to look at the documentation that comes with the eSearch to see what each of these are doing.

Here is the code changes you need to use in the MiniSearch to use the eSearch instead:

            private function execSearch():void
            {
                if(advancedAutoComplete.selectedItem){
                    try{
                        var aaa:String=advancedAutoComplete.selectedItem.@code;
                        var msArr:ArrayCollection = new ArrayCollection();
                        msArr.addItem(aaa);
                        addSharedData("MiniSearch_Search", msArr);
                        
                        var id:Number = ViewerContainer.getInstance().widgetManager.getWidgetId("Enhanced Search");
                        var bWidget:IBaseWidget = ViewerContainer.getInstance().widgetManager.getWidget(id, true) as IBaseWidget;
                        if (bWidget){
                            var vSW:* = bWidget;
                            vSW.queryFromURL(aaa,0,0);
                        }
                    }catch (error:Error){
                        AppEvent.showError( error.message );
                    }
                }
            }

And add the same commented areas I had in the original SearchWidget.mxml

xRobert.PNG

rscheitlin

            private function execSearch():void
            {
                if(advancedAutoComplete.selectedItem){
                    try{
                        var aaa:String=advancedAutoComplete.selectedItem.@code;
                        var msArr:ArrayCollection = new ArrayCollection();
                        msArr.addItem(aaa);
                        addSharedData("MiniSearch_Search", msArr);
                        
                        var id:Number = ViewerContainer.getInstance().widgetManager.getWidgetId("Enhanced Search");
                        var bWidget:IBaseWidget = ViewerContainer.getInstance().widgetManager.getWidget(id, true) as IBaseWidget;
                        if (bWidget){
                            var vSW:* = bWidget;
                            vSW.queryFromURL(aaa,0,0);
                        }
                    }catch (error:Error){
                        AppEvent.showError( error.message );
                    }
                }
            }

And add the same commented areas I had in the original SearchWidget.mxml

NatashaManzuiga

Naty,

That has never been an option in the search widget only the eSearch widget.

So I can do the same with eSearch Widget?
Naty

rscheitlin

Naty,

That has never been an option in the search widget only the eSearch widget.

NatashaManzuiga

Naty,

In your querybmpid function add the red lines below:

            public function querybmpid(sParam:String):void
            {                
                //hide infowindow if any
                hideInfoWindow();
                
                var i:int = 0;
                queryLayer = configSearchText.layer;
                showMessage(queryLayer.name, false);
                if (queryLayer && !queryLayer.loaded)
                {
                    queryLayer.addEventListener(LayerEvent.LOAD, queryLayer_loadHandler);
                    function queryLayer_loadHandler(event:LayerEvent):void
                    {
                        querybmpid(sParam)
                    }
                    return;
                }
                
                queryExpr = configSearchText.expr;
                queryFields = configSearchText.fields;
                queryTitleField = configSearchText.titlefield;
                queryLinkField = configSearchText.linkfield;
                
                if (queryLayer && sParam)
                {
                    var query:Query = new Query();
                    var expr:String = queryExpr.replace(/\[value\]/g, sParam);
                    
                    query.where = expr;
                    query.outSpatialReference = map.spatialReference;
                    queryLayer.queryFeatures(query, new AsyncResponder(onResult, onFault, queryFields));
                    showMessage(loadingLabel, true);
                    showStateResults();
                    
                    function onResult(featureSet:FeatureSet, token:XMLList = null):void
                    {
                        try
                        {
                            searchResultAC = createSearchResults(featureSet, token);
                            
                            // share data
                            addSharedData(widgetTitle, searchResultAC);
                            if (featureSet.features.length < 1)
                            {
                                showMessage(noResultLabel, false);
                            }
                            else
                            {
                                showMessage(selectionLabel + " " + featureSet.features.length, false);
                                var searchResult:SearchResult = searchResultAC[0] as SearchResult;
                                showHighlight([searchResult]);
                            }
                        }
                        catch (error:Error)
                        {
                            showMessage(error.message, false);
                        }
                    }
                    
                    function onFault(info:Object, token:Object = null):void
                    {
                        showMessage(info.toString(), false);
                    }
                }
            }

GREAT Robert!! 🙂
and to call this function u added "querybmpid" passing an URL code....like "/index.html?Building=1" ?
Naty

rscheitlin

Naty,

In your querybmpid function add the red lines below:

            public function querybmpid(sParam:String):void
            {                
                //hide infowindow if any
                hideInfoWindow();
                
                var i:int = 0;
                queryLayer = configSearchText.layer;
                showMessage(queryLayer.name, false);
                if (queryLayer && !queryLayer.loaded)
                {
                    queryLayer.addEventListener(LayerEvent.LOAD, queryLayer_loadHandler);
                    function queryLayer_loadHandler(event:LayerEvent):void
                    {
                        querybmpid(sParam)
                    }
                    return;
                }
                
                queryExpr = configSearchText.expr;
                queryFields = configSearchText.fields;
                queryTitleField = configSearchText.titlefield;
                queryLinkField = configSearchText.linkfield;
                
                if (queryLayer && sParam)
                {
                    var query:Query = new Query();
                    var expr:String = queryExpr.replace(/\[value\]/g, sParam);
                    
                    query.where = expr;
                    query.outSpatialReference = map.spatialReference;
                    queryLayer.queryFeatures(query, new AsyncResponder(onResult, onFault, queryFields));
                    showMessage(loadingLabel, true);
                    showStateResults();
                    
                    function onResult(featureSet:FeatureSet, token:XMLList = null):void
                    {
                        try
                        {
                            searchResultAC = createSearchResults(featureSet, token);
                            
                            // share data
                            addSharedData(widgetTitle, searchResultAC);
                            if (featureSet.features.length < 1)
                            {
                                showMessage(noResultLabel, false);
                            }
                            else
                            {
                                showMessage(selectionLabel + " " + featureSet.features.length, false);
                                var searchResult:SearchResult = searchResultAC[0] as SearchResult;
                                showHighlight([searchResult]);
                            }
                        }
                        catch (error:Error)
                        {
                            showMessage(error.message, false);
                        }
                    }
                    
                    function onFault(info:Object, token:Object = null):void
                    {
                        showMessage(info.toString(), false);
                    }
                }
            }

NatashaManzuiga

Robert u are great!!
When I will have time (I hope soon) I compare the old SearchWidget with the new...so I can see the difference and maybe I will better understand what u did and how it works..thank u sooooo much.

Naty

Robert it works very well..maybe I understand how it works and what u changed :DDD
...and one more question...can I call this function u added "querybmpid" passing an URL code....like "/index.html?Building=1" ?
and then with 1.3 SFV I used this "this.showInfoWindow" to immediately show "infoWindow" after search exec...

Naty

NatashaManzuiga

Naty,

OK, it's fixed.

Robert u are great!!
When I will have time (I hope soon) I compare the old SearchWidget with the new...so I can see the difference and maybe I will better understand what u did and how it works..thank u sooooo much.

Naty

rscheitlin

Naty,

OK, it's fixed.

MiniSearchWidget.zip

NatashaManzuiga

Naty,

Here is your MiniSearch updated to a Flex Viewer 2.4 actual widget.

Also I forgot to mention in the readme.txt that the widget has to go in the UI section at the top of the config.xml like the NavigationWidget.

Hi Robert, thank u so much.
I see that I can open SearchWidget like I wanted. I added the public function querybmpid with the sParam I pass from the autocomplete of the MiniSearchWidget...but I got the Error#1009..
This is the function...

   public function querybmpid(sParam:String):void
   {
    //hide infowindow if any
    hideInfoWindow();

    var i:int = 0;
    queryLayer = configSearchText.layer;
    showMessage(queryLayer.name, false);
    if (queryLayer && !queryLayer.loaded)
    {
     queryLayer.addEventListener(LayerEvent.LOAD, queryLayer_loadHandler);
     function queryLayer_loadHandler(event:LayerEvent):void
     {
      querybmpid(sParam)
     }
     return;
    }

    queryExpr = configSearchText.expr;
    queryFields = configSearchText.fields;
    queryTitleField = configSearchText.titlefield;
    queryLinkField = configSearchText.linkfield;

    if (queryLayer && sParam)
    {
     var query:Query = new Query();
     var expr:String = queryExpr.replace(/\[value\]/g, sParam);

     query.where = expr;
     query.outSpatialReference = map.spatialReference;
     queryLayer.queryFeatures(query, new AsyncResponder(onResult, onFault, queryFields));
     showMessage(loadingLabel, true);
     showStateResults();

     function onResult(featureSet:FeatureSet, token:XMLList = null):void
     {
      try
      {
       searchResultAC = createSearchResults(featureSet, token);

       // share data
       addSharedData(widgetTitle, searchResultAC);
       if (featureSet.features.length < 1)
       {
        showMessage(noResultLabel, false);
       }
       else
       {
        showMessage(selectionLabel + " " + featureSet.features.length, false);
       }
      }
      catch (error:Error)
      {
       showMessage(error.message, false);
      }
     }

     function onFault(info:Object, token:Object = null):void
     {
      showMessage(info.toString(), false);
     }
    }
   }

rscheitlin

Naty,

Here is your MiniSearch updated to a Flex Viewer 2.4 actual widget.

Also I forgot to mention in the readme.txt that the widget has to go in the UI section at the top of the config.xml like the NavigationWidget.

MiniSearchWidget.zip

NatashaManzuiga

Naty,

I have to ask again if this is the right code it is hard to believe that you are using something that looks like this:

[ATTACH=CONFIG]8383[/ATTACH]

Robert Im really sorry, I checked it 3 times....and it was the correct one...
Now I m sending u again the right code.
Sorry,

Naty

xRobert.zip

rscheitlin

Naty,

I have to ask again if this is the right code it is hard to believe that you are using something that looks like this:

[ATTACH=CONFIG]8383[/ATTACH]

&#77.zip

NatashaManzuiga

Naty,

Are you sure this is the right code?... Most of the code that does anything is commented out?...

I m so sorry I'm soo busy today and I made a mistake..
This is the version that is working in my SFV 1.3
I m so sorry...u wasted ur time for me 😞
After I modified it...what should I do in index.mxml ?

Thanks,

Naty

rscheitlin

Naty,

Are you sure this is the right code?... Most of the code that does anything is commented out?...

NatashaManzuiga

Naty,

If I remember right you mad a lot of changes after I posted the miniSearch so it might be better if you post what you have in 1.3 and I will see about upgrading it. Don't forget to send your actual searchWidget mods too.

Hi Robert, I m using Autocomplete too..so I post u what I have. 🙂
Thank u so much Robert 🙂

Naty

rscheitlin

Naty,

If I remember right you mad a lot of changes after I posted the miniSearch so it might be better if you post what you have in 1.3 and I will see about upgrading it. Don't forget to send your actual searchWidget mods too.

NatashaManzuiga

Wowwwwww
Thank u so much Robert!!!

Naty

Hi Robert Im trying to migrate my miniSearch widget from 1.3 to new 2.4 version of the viewer...
Did u upgrade it?
Thanks,
Naty

NatashaManzuiga

Thanks I will keep my eyes open for it.

Alex, I m so sorry I m still out from my office ... but I will come back to work in 3 days...so I will send what u need...if u still need as soon as possible....
Have a great day.

Natasha

AlexJones

Thanks I will keep my eyes open for it.

NatashaManzuiga

Naty,

Do you have a complete mini search as you are using it? I would like to see what you have done and maybe implement some of it on my site. It sounds like you have it set up to handle a broad amount of data. Please let me know.

Thanks,

Alex

As soon as possible I will send u 😉

Naty

AlexJones

Naty,

Do you have a complete mini search as you are using it? I would like to see what you have done and maybe implement some of it on my site. It sounds like you have it set up to handle a broad amount of data. Please let me know.

Thanks,

Alex

NatashaManzuiga

Naty,

I have seen this before and the fix is simple.

//Just comment out this line or delete it.
var bWidg:BaseWidget = bWidget.getInstance();
// and change this line
var vSW:SearchWidget = bWidg as SearchWidget;
 to 
var vSW:SearchWidget = bWidget as SearchWidget;

Wowwwwww
Thank u so much Robert!!!

Naty

rscheitlin

Naty,

I have seen this before and the fix is simple.

//Just comment out this line or delete it.
var bWidg:BaseWidget = bWidget.getInstance();
// and change this line
var vSW:SearchWidget = bWidg as SearchWidget;
 to 
var vSW:SearchWidget = bWidget as SearchWidget;

NatashaManzuiga

Robert I downloaded the debugger and I m running it
but it stops here:
[SWF] /Buildings/com/esri/solutions/flexviewer/assets/flash/red_glow.swf - 1,082 bytes after decompression
[SWF] /Buildings/com/esri/solutions/flexviewer/assets/flash/loader.swf - 941 bytes after decompression
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at Function/com.esri.solutions.flexviewer:MapManager/refreshLayer/com.esri.solutions.flexviewer:timerHandler()
at flash.utils::Timer/_timerDispatch()
at flash.utils::Timer/tick()

Robert, I fixed it...I set the breakpoint on the function queryBuilding and after I loaded livewidget ,I see the problem:

var id:Number = SiteContainer.getInstance().getWidgetId("Search");
    var bWidget:IBaseWidget = SiteContainer.getInstance().widgetManager.getWidget(id) as IBaseWidget;
    var aaa:String;
    aaa=ti.text;
     if (bWidget){
      var bWidg:BaseWidget = bWidget.getInstance();
      var vSW:SearchWidget = bWidg as SearchWidget;
      vSW.queryBuilding(aaa);

id:found =3
bWidget:found= SearchWidget (@6a2cae1)
aaa:found="5"
var bWidg:BaseWidget = bWidget.getInstance();//(bWidget.getInstance()SearchWidget (@6a2cae1)
bWidg:found = LiveMapsWidget (@71b0ae1):@ so bWidget.getInstance() get the instance of LiveMapsWidget!!
HOW IS IT POSSIBLE? :S

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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