FieldInspector- custom callout mobile

MikeDahm

I am working on creating a Flex mobile application and the roadblock I am hitting is the DropDownListField.  Drop down lists are not mobile optimized and unsupported.  I am working with teh FieldInspector to try and get a StringField with a click action to open up a callout with ButtonBarField, buttons or radio box within the callout.  

A couple of the things I am grappling with is passing the data into the callout and how to get the ButtonBarField to be created from the domain list of the feature layer and to pass the selected button data back to the StringField.  As far as I can tell you can not put two components into the editor for the FieldInspector.  Below is what I was starting with trying to utilize a callout within the fx:Declarations.  

Any help would be appreciated. 

  <esri:FieldInspector id="MH_TypeFI"         featureLayer="{sanMH}"         fieldName="MH_Type"         label="Manhole Type">    <esri:editor>     <fx:Component>      <s:Group click="outerDocument.coMH_Type.open(sfMH_Type)">       <esri:StringField id="sfMH_Type">             </esri:StringField>      </s:Group>     </fx:Component>    </esri:editor>     </esri:FieldInspector>

YannCabon

Hi Mike,

What you can do to easily pass the data to the callout is by using the CalloutButton.
I modified the AttributeInspectorCustomFieldInspector sample for the example.
I wrapped the CalloutButton into a DataRenderer.
Like that, the FieldInspector will pass the data to the editor component.
Then I can specify in the calloutContent the component displayed in the CallOut and the data with it.

I guess that in your example you can just replace

<s:Group click="outerDocument.coMH_Type.open(sfMH_Type)">

by

<s:DataRenderer click="outerDocument.coMH_Type.open(sfMH_Type)">

                <esri:AttributeInspector id="attrInsp"                                          deleteButtonVisible="false"                                          deleteFeature="attrInsp_deleteFeatureHandler(event)"                                          saveFeature="attrInsp_saveFeatureHandler(event)"                                          updateFeature="attrInsp_updateFeatureHandler(event)">                     <esri:FieldInspector featureLayer="{myFeatureLayer}"                                          fieldName="req_date">                         <esri:editor>                             <fx:Component>                                 <s:DataRenderer>                                     <s:CalloutButton label="{data}">                                         <s:calloutContent>                                             <s:DateSpinner selectedDate="{new Date(data)}" />                                         </s:calloutContent>                                     </s:CalloutButton>                                 </s:DataRenderer>                             </fx:Component>                         </esri:editor>                     </esri:FieldInspector>                 </esri:AttributeInspector>

Yann