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

Populate Combobox from FeatureSet

DonCavinessGeo

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

Encontre mais publicações marcadas com

Accepted answers

All comments

NadeemShaukat

Thanks muck Robert.

I would have not figured it out myself.

Nadeem

RobertScheitlin__GISP

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>

NadeemShaukat

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>

NadeemShaukat

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>

RobertScheitlin__GISP

Nadeem,

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

NadeemShaukat

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

NadeemShaukat

Drew,

Thanks much for your prompt response.

nshaukat

Drew

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>

NadeemShaukat

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

Drew

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

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.

NadeemShaukat

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

Drew

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

DasaPaddock

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

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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