topic Re: Populate Combobox from FeatureSet in ArcGIS API for Flex Questions

Populate Combobox from FeatureSet

DonCaviness — Tue, 12 Oct 2010 14:46:47 GMT

I have a combobox that I want to populate with a field that is being returned in a featureSet from a query. I am querying a table and getting the results but I am having trouble figuring out what I am missing to populate the combobox. Here is the code I am using. Can anyone see what I am doing wrong?

for each (var graphic:Graphic in featureSet.features)
{
 var category:String = graphic.attributes.category;
 var subcat:String = graphic.attributes.subCategory;
       
 var data:Object = {
  category: category,
  subcat: subcat
 }
 cboCategory.dataProvider = data.subcat;
}

Re: Populate Combobox from FeatureSet

DasaPaddock — Tue, 12 Oct 2010 16:50:43 GMT

Have you set the labelField?
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/ComboBox.html#labelField

Re: Populate Combobox from FeatureSet

Drew — Sat, 11 Dec 2021 20:25:01 GMT

Also.. Set your dataProvidor outside of the loop...

Here is a working sample of code populating a combo box.


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:esri="http://www.esri.com/2008/ags">
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   import mx.collections.ArrayCollection;
   import com.esri.ags.Graphic;
   import com.esri.ags.tasks.FeatureSet;
   import com.esri.ags.events.QueryEvent;
   
   private function queryData():void
   {
    queryTask.execute(query);
    queryTask.addEventListener(QueryEvent.EXECUTE_COMPLETE, onQueryComplete);
   }
   
   private function onQueryComplete(event:QueryEvent):void
   {
    var featureSet:FeatureSet = event.featureSet;
          var results:ArrayCollection = new ArrayCollection();
       
       for each (var graphic:Graphic in featureSet.features)
       {
     var fieldValue:String = graphic.attributes["STATE_NAME"].toString(); 
     results.addItem({label: fieldValue, data:graphic});
          }
          cmb.labelField = "label";
          cmb.dataProvider = results;
   }

  ]]>
 </mx:Script>
 

        <esri:QueryTask
            id="queryTask"
            url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
        <esri:Query
            id="query"
            returnGeometry="false"
            where="1=1"
            outFields='["STATE_NAME"]'/>

 <mx:ComboBox id="cmb" x="179" y="205" labelField=""></mx:ComboBox>
 <mx:Button x="87" y="205" label="Load Data" click="queryData();"/>
 

</mx:Application>

Drew

Re: Populate Combobox from FeatureSet

NadeemShaukat — Sat, 11 Dec 2021 20:25:03 GMT

Also.. Set your dataProvidor outside of the loop...

Here is a working sample of code populating a combo box.


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:esri="http://www.esri.com/2008/ags">
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   import mx.collections.ArrayCollection;
   import com.esri.ags.Graphic;
   import com.esri.ags.tasks.FeatureSet;
   import com.esri.ags.events.QueryEvent;
   
   private function queryData():void
   {
    queryTask.execute(query);
    queryTask.addEventListener(QueryEvent.EXECUTE_COMPLETE, onQueryComplete);
   }
   
   private function onQueryComplete(event:QueryEvent):void
   {
    var featureSet:FeatureSet = event.featureSet;
          var results:ArrayCollection = new ArrayCollection();
       
       for each (var graphic:Graphic in featureSet.features)
       {
     var fieldValue:String = graphic.attributes["STATE_NAME"].toString(); 
     results.addItem({label: fieldValue, data:graphic});
          }
          cmb.labelField = "label";
          cmb.dataProvider = results;
   }

  ]]>
 </mx:Script>
 

        <esri:QueryTask
            id="queryTask"
            url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
        <esri:Query
            id="query"
            returnGeometry="false"
            where="1=1"
            outFields='["STATE_NAME"]'/>

 <mx:ComboBox id="cmb" x="179" y="205" labelField=""></mx:ComboBox>
 <mx:Button x="87" y="205" label="Load Data" click="queryData();"/>
 

</mx:Application>

Drew

Drew,

Have you tried this sample. When I compiled and ran this sample, it's complaining about FeatureSet. The error message is "1046: Type was not found or was not a compile-time constant: FeatureSet."

Do you have any idea?

nshaukat

Re: Populate Combobox from FeatureSet

Drew — Mon, 06 Dec 2010 01:03:40 GMT

It could be a AGS Flex API version issue that's causing the problem.
The sample provided looks like its using the 1.3 lib.

Re: Populate Combobox from FeatureSet

Drew — Sat, 11 Dec 2021 20:25:06 GMT

Here is an upgraded version for the 2.1 lib.


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:esri="http://www.esri.com/2008/ags">
 <mx:Script>
  <![CDATA[
   import com.esri.ags.FeatureSet;
   import com.esri.ags.Graphic;
   import com.esri.ags.events.QueryEvent;
   
   
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   
   private function queryData():void
   {
    queryTask.execute(query);
    queryTask.addEventListener(QueryEvent.EXECUTE_COMPLETE, onQueryComplete);
   }
   
   private function onQueryComplete(event:QueryEvent):void
   {
    var featureSet:FeatureSet = event.featureSet;
    var results:ArrayCollection = new ArrayCollection();
    
    for each (var graphic:Graphic in featureSet.features)
    {
     var fieldValue:String = graphic.attributes["STATE_NAME"].toString(); 
     results.addItem({label: fieldValue, data:graphic});
    }
    cmb.labelField = "label";
    cmb.dataProvider = results;
   }
   
  ]]>
 </mx:Script>
 
 
 <esri:QueryTask
  id="queryTask"
  useAMF="false"
  url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
 <esri:Query
  id="query"
  returnGeometry="false"
  where="1=1"
  outFields='["STATE_NAME"]'/>
 
 <mx:ComboBox id="cmb" x="179" y="205" labelField=""></mx:ComboBox>
 <mx:Button x="87" y="205" label="Load Data" click="queryData();"/>
 
 
</mx:Application>

Drew

Re: Populate Combobox from FeatureSet

NadeemShaukat — Mon, 06 Dec 2010 02:12:44 GMT

Thanks Drew. It worked.

Do you know if there is way to populate the combobox without using "QueryData" function so I do not have to push the "Load Data" button.

nshaukat

Re: Populate Combobox from FeatureSet

Drew — Sat, 11 Dec 2021 20:25:09 GMT

Thanks Drew. It worked.

Do you know if there is way to populate the combobox without using "QueryData" function so I do not have to push the "Load Data" button.

nshaukat

you will want to do it on creationComplete

sample

<?xml version="1.0" encoding="utf-8"?>
<mx:Application creationComplete="creationCompleteHandler(event)" 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    xmlns:esri="http://www.esri.com/2008/ags">
 <mx:Script>
  <![CDATA[
   import com.esri.ags.FeatureSet;
   import com.esri.ags.Graphic;
   import com.esri.ags.events.QueryEvent;
   
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.FlexEvent;
   
   
   protected function creationCompleteHandler(event:FlexEvent):void
   {
    queryData();
   }
   
   private function queryData():void
   {
    queryTask.execute(query);
    queryTask.addEventListener(QueryEvent.EXECUTE_COMPLETE, onQueryComplete);
   }
   
   private function onQueryComplete(event:QueryEvent):void
   {
    var featureSet:FeatureSet = event.featureSet;
    var results:ArrayCollection = new ArrayCollection();
    
    for each (var graphic:Graphic in featureSet.features)
    {
     var fieldValue:String = graphic.attributes["STATE_NAME"].toString(); 
     results.addItem({label: fieldValue, data:graphic});
    }
    cmb.labelField = "label";
    cmb.dataProvider = results;
   }
   

   

  ]]>
 </mx:Script>
 
 
 <esri:QueryTask
  id="queryTask"
  useAMF="false"
  url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
 <esri:Query
  id="query"
  returnGeometry="false"
  where="1=1"
  outFields='["STATE_NAME"]'/>
 
 <mx:ComboBox id="cmb" x="179" y="205" labelField=""></mx:ComboBox>
 
 
 
</mx:Application>

Re: Populate Combobox from FeatureSet

NadeemShaukat — Mon, 06 Dec 2010 03:46:30 GMT

Drew,

Thanks much for your prompt response.

nshaukat

Re: Populate Combobox from FeatureSet

NadeemShaukat — Mon, 06 Dec 2010 22:00:09 GMT

I thought I was on my way to populate combo boxes using this sample. But when I was going to modify it for multiple combo boxes filled with different fields from one or more services, it brings up "Object Object" in one of the combo boxes instead of right values. Any suggestions from anyone who has used this sample for similar conditions. Any help will be much appreciated.

nshaukat

Re: Populate Combobox from FeatureSet

RobertScheitlin__GISP — Mon, 06 Dec 2010 22:09:13 GMT

Nadeem,

You should post your code, as it is not very clear where you are going wrong.

Re: Populate Combobox from FeatureSet

NadeemShaukat — Mon, 06 Dec 2010 23:34:54 GMT

Robert,

Here is the code. I declared 2nd variable for 2nd field in the same function which is returning "object Object". I guess the problem is at "for each" loop.

Nadeem

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768"
    xmlns:esri="http://www.esri.com/2008/ags" xmlns:mx2="library://ns.adobe.com/flex/mx"
    creationComplete="creationCompleteHandler(event)">
<fx:Script>
<![CDATA[
   import com.esri.ags.FeatureSet;
   import com.esri.ags.Graphic;
   import com.esri.ags.events.QueryEvent;

   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.FlexEvent;


   protected function creationCompleteHandler(event:FlexEvent):void
   {
    queryData();
   }

   private function queryData():void
   {
    queryTask.execute(query);
    queryTask.addEventListener(QueryEvent.EXECUTE_COMPLETE, onQueryComplete);
   }

   private function onQueryComplete(event:QueryEvent):void
   {
    var featureSet:FeatureSet = event.featureSet;
    var results:ArrayCollection = new ArrayCollection();

    for each (var graphic:Graphic in featureSet.features)
    {
     var fieldValue1:String = graphic.attributes["STATE_NAME"].toString();
     results.addItem({label1: fieldValue1, data:graphic});

     var fieldValue2:String = graphic.attributes["POP2000"].toString();
     results.addItem({label2: fieldValue2, data:graphic});
    }
    cmb1.labelField = "label1";
    cmb1.dataProvider = results;

    cmb2.labelField = "label2";
    cmb2.dataProvider = results;
   }

]]>
</fx:Script>

<fx:Declarations>
<esri:QueryTask
id="queryTask"
useAMF="false"
url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
<esri:Query
id="query"
returnGeometry="false"
where="1=1"
outFields='["STATE_NAME","POP2000"]'/>
</fx:Declarations>
<s:ComboBox id="cmb1" x="179" y="205" labelField=""/>
<s:ComboBox id="cmb2" x="479" y="205" labelField=""/>

</s:Application>

Re: Populate Combobox from FeatureSet

NadeemShaukat — Sat, 11 Dec 2021 20:25:11 GMT

Robert,

Here is the code. I declared 2nd variable for 2nd field in the same function which is returning "object Object". I guess the problem is at "for each" loop.

Nadeem

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768" 
    xmlns:esri="http://www.esri.com/2008/ags" xmlns:mx2="library://ns.adobe.com/flex/mx"
    creationComplete="creationCompleteHandler(event)">
 <fx:Script>
  <![CDATA[
   import com.esri.ags.FeatureSet;
   import com.esri.ags.Graphic;
   import com.esri.ags.events.QueryEvent;
   
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.FlexEvent;
   
   
   protected function creationCompleteHandler(event:FlexEvent):void
   {
    queryData();
   }
   
   private function queryData():void
   {
    queryTask.execute(query);
    queryTask.addEventListener(QueryEvent.EXECUTE_COMPLETE, onQueryComplete);
   }
   
   private function onQueryComplete(event:QueryEvent):void
   {
    var featureSet:FeatureSet = event.featureSet;
    var results:ArrayCollection = new ArrayCollection();
    
    for each (var graphic:Graphic in featureSet.features)
    {
     var fieldValue1:String = graphic.attributes["STATE_NAME"].toString(); 
     results.addItem({label1: fieldValue1, data:graphic});
     
     var fieldValue2:String = graphic.attributes["POP2000"].toString(); 
     results.addItem({label2: fieldValue2, data:graphic});
    }
    cmb1.labelField = "label1";
    cmb1.dataProvider = results;
    
    cmb2.labelField = "label2";
    cmb2.dataProvider = results;
   }
     
  ]]>
 </fx:Script>
 
 <fx:Declarations>
 <esri:QueryTask
  id="queryTask"
  useAMF="false"
  url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
 <esri:Query
  id="query"
  returnGeometry="false"
  where="1=1"
  outFields='["STATE_NAME","POP2000"]'/>
 </fx:Declarations>
 <s:ComboBox id="cmb1" x="179" y="205" labelField=""/>
 <s:ComboBox id="cmb2" x="479" y="205" labelField=""/>
 
 
 
</s:Application>

Re: Populate Combobox from FeatureSet

RobertScheitlin__GISP — Sat, 11 Dec 2021 20:25:14 GMT

Nadeem,

Very simple. Don't try to use the same array collection for both comboboxes.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/halo" 
      minWidth="1024" minHeight="768" 
      xmlns:esri="http://www.esri.com/2008/ags"
      xmlns:mx2="library://ns.adobe.com/flex/mx"
      creationComplete="creationCompleteHandler(event)">
 <fx:Script>
  <![CDATA[
   import com.esri.ags.FeatureSet;
   import com.esri.ags.Graphic;
   import com.esri.ags.events.QueryEvent;
   
   import mx.collections.ArrayCollection;
   import mx.controls.Alert;
   import mx.events.FlexEvent;
   
   
   protected function creationCompleteHandler(event:FlexEvent):void
   {
    queryData();
   }
   
   private function queryData():void
   {
    queryTask.execute(query);
    queryTask.addEventListener(QueryEvent.EXECUTE_COMPLETE, onQueryComplete);
   }
   
   private function onQueryComplete(event:QueryEvent):void
   {
    var featureSet:FeatureSet = event.featureSet;
    var results:ArrayCollection = new ArrayCollection();
    var results2:ArrayCollection = new ArrayCollection();
    
    for each (var graphic:Graphic in featureSet.features)
    {
     var fieldValue1:String = graphic.attributes["STATE_NAME"].toString(); 
     results.addItem({label1: fieldValue1, data:graphic});
     
     var fieldValue2:String = graphic.attributes["POP2000"].toString(); 
     results2.addItem({label2: fieldValue2, data:graphic});
    }
    cmb1.labelField = "label1";
    cmb1.dataProvider = results;
    
    cmb2.labelField = "label2";
    cmb2.dataProvider = results2;
   }
   
  ]]>
 </fx:Script>
 
 <fx:Declarations>
  <esri:QueryTask
   id="queryTask"
   useAMF="false"
   url="http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/5"/>
  <esri:Query
   id="query"
   returnGeometry="false"
   where="1=1"
   outFields='["STATE_NAME","POP2000"]'/>
 </fx:Declarations>
 <s:ComboBox id="cmb1" x="179" y="205" labelField=""/>
 <s:ComboBox id="cmb2" x="479" y="205" labelField=""/>
</s:Application>

Re: Populate Combobox from FeatureSet

NadeemShaukat — Tue, 07 Dec 2010 00:03:10 GMT

Thanks muck Robert.

I would have not figured it out myself.

Nadeem