topic Re: Edit Widget Questions in ArcGIS Viewer for Flex Questions

Edit Widget Questions

JasonNielsen — Tue, 28 Sep 2010 17:14:45 GMT

Is there a way to change the order of the attribute fields in the edit widget so they are not alphabetical but rather following the order they are in the xml file?

My second question is 2.0 didn't support snapping but it was mentioned that it would be something later on. Can somebody let me know when they think this would be implemented?

Thanks,

Jason

Re: Edit Widget Questions

SarthakDatt — Tue, 28 Sep 2010 18:14:47 GMT

Hey Jason,

The Edit Widget is using the out-of-box Editor component. The Editor component uses AttributeInspector(http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/components/Editor.html#attributeInspector) to show/edit the attribute fields.

You can order the fields by using AttributeInspectot.formItemsOrder(http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/components/AttributeInspector.html#formItemsOrder) property

Here's a sample of how it is done using the API(you could do something similar in the Edit Widget's code, In this case the fields are ordered using the fieldInspector) :
http://help.arcgis.com/en/webapi/flex/samples/index.html?sample=AttributeInspectorOutsideMap

As far as snapping is concerned, it is not there right now, but we still have plans to add it sometime in a future release.

Hope that helps.

Re: Edit Widget Questions

JasonNielsen — Wed, 29 Sep 2010 03:05:57 GMT

Thanks for the quick reply. I will take a look at the AttributeInspector and see what i can come up with.

Re: Edit Widget Questions

JoeyStone — Mon, 11 Oct 2010 21:22:19 GMT

Have you had any luck getting your attributes in order, I am having the same problem.

Re: Edit Widget Questions

xiaoyizhang — Wed, 10 Nov 2010 18:38:37 GMT

Hi Datt,

Is there anyway we can make the attributeInspector as floating widget. Right now, If I add a point and the attribute window extented to the outside of buttom map and I cannot move it.

Thanks,

xiaoyi zhang

Hey Jason,

The Edit Widget is using the out-of-box Editor component. The Editor component uses AttributeInspector(http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/components/Editor.html#attributeInspector) to show/edit the attribute fields.

You can order the fields by using AttributeInspectot.formItemsOrder(http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/components/AttributeInspector.html#formItemsOrder) property

Here's a sample of how it is done using the API(you could do something similar in the Edit Widget's code, In this case the fields are ordered using the fieldInspector) :
http://help.arcgis.com/en/webapi/flex/samples/index.html?sample=AttributeInspectorOutsideMap

As far as snapping is concerned, it is not there right now, but we still have plans to add it sometime in a future release.

Hope that helps.

Re: Edit Widget Questions

xiaoyizhang — Mon, 06 Dec 2010 12:19:05 GMT

Hi Sarthak,

Can you point to me where I need to make a change to set field order?

I tried

1.

private function basewidget_creationCompleteHandler(event:FlexEvent):void
            {
                editor.attributeInspector.setStyle("skinClass", EditWidgetAttributeInspectorSkin);
    editor.attributeInspector.formItemsOrder = "none";
    // The order of the form items. Possible values are "none" (no order), "label" (order by label value) and "fieldInspector" (order by the field inspector definition sequence).

                map.infoWindow.label = attributesLabel;
                editor.attributeInspector.addEventListener("attachmentGroupClicked", attachmentGroupClickedHandler);
                editor.attributeInspector.addEventListener("okButtonClicked", okButtonClickHandler);
   }

2.

            private function populateEditor(array:Array):void
            {
    featureLayers = [];

                if (oplList && oplList.length > 0)
                {
                    for (var j:int = 0; j < oplList.length; j++)
                    {
                        var opLayerType:String = oplList.type

                        var doNotAddFeatureLayer:Boolean = false;
                        if (opLayerType.toLowerCase() == "feature")
                        {
                            // loop through all the excludeLayers
                            for (var n:int = 0; n < excludeLayers.length; )
                            {
                                if (oplList.layer.name == excludeLayers)
                                {
                                    doNotAddFeatureLayer = true;
                                    break;
                                }
                                else
                                {
                                    n++;
                                }
                            }

                            if (!doNotAddFeatureLayer)
                            {
                                // always turn the layer on by default
                                oplList.visible = true;
                                ViewerContainer.dispatchEvent(new AppEvent(AppEvent.MAP_LAYER_VISIBLE, oplList));

                                oplList.layer.removeEventListener(FeatureLayerEvent.SELECTION_COMPLETE, featureLayer_selectionComplete);
                                oplList.layer.addEventListener(FeatureLayerEvent.SELECTION_COMPLETE, featureLayer_selectionComplete, false, 1);

                                //store the infoWindowRendere foe each feature layer
                                dictionary[oplList.layer] = oplList.layer.infoWindowRenderer;
                                oplList.layer.infoWindowRenderer = null; // assign it to null, as editor overtakes now

                                featureLayers.push(oplList.layer);
                            }
                        }
                    }
                }

                // always call deactive first
                deactivateEditor();
                if (featureLayers.length > 0)
                {
                    editor.map = map;
                    editor.featureLayers = featureLayers;
     editor.attributeInspector.formItemsOrder = "none";
     // The order of the form items. Possible values are "none" (no order), "label" (order by label value) and "fieldInspector" (order by the field inspector definition sequence).

                }
            }

Both places did not change the field order.

Thank you in advance

xiaoyi zhang

Hey Jason,

The Edit Widget is using the out-of-box Editor component. The Editor component uses AttributeInspector(http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/components/Editor.html#attributeInspector) to show/edit the attribute fields.

You can order the fields by using AttributeInspectot.formItemsOrder(http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/components/AttributeInspector.html#formItemsOrder) property

Here's a sample of how it is done using the API(you could do something similar in the Edit Widget's code, In this case the fields are ordered using the fieldInspector) :
http://help.arcgis.com/en/webapi/flex/samples/index.html?sample=AttributeInspectorOutsideMap

As far as snapping is concerned, it is not there right now, but we still have plans to add it sometime in a future release.

Hope that helps.

Re: Edit Widget Questions

StephenLuzny — Mon, 06 Dec 2010 20:56:22 GMT

Xiaoyi Zhang,

I'm trying to return the attributes to their original order, too, but I haven't been successful so far.

It may be worth noting that the attributeInspector property of public class Editor is read-only (i.e. we can 'get' editor.attributeInspector, but we can not 'set' it). The public class AttributeInspector allows us to 'set' properties such as formItemsOrder. We can see that in action in the example at http://help.arcgis.com/en/webapi/flex/samples/index.html?sample=AttributeInspectorInfoWindowEditable

I'm not sure how to apply the sample code to the ArcGIS Viewer for Flex 2.1.

controlling attributes in the Edit Widget

DavidTreat — Sun, 12 Dec 2021 07:58:45 GMT

Here is an approach that worked for me. I created the function below and called it at the end of the existing basewidget_creationCompleteHandler function in EditWidget.mxml. You will have to substitute in your own feature service name instead of my "Draft Conservation Land," as well as your own field names. In addition to controlling the order of the attributes this puts user friendly labels on them. And omits some attributes from the editing window.

I am sure there is a more elegant coding approach to this, but I have not yet had time to optimize it. Hope it helps!

Dave

// This function establishes the attribute edit environment.
// In particular, the order in which fields are presented,
// and the labels attached to those fields.  Lastly, fields
// that should not be user editable are made not visible.

private function createFieldInspectors():void
{
 editor.attributeInspector.formItemsOrder = "fieldInspector";
 var layer:Layer;
 var fLayer:FeatureLayer;
 layer = map.getLayer("Draft Conservation Land");
 fLayer = layer as FeatureLayer;
 
 var field0:FieldInspector = new FieldInspector();
 field0.featureLayer = fLayer;
 field0.fieldName = "NAME";
 field0.label = "Parcel Name";
 editor.attributeInspector.fieldInspectors.push(field0);
   
 var field0a:FieldInspector = new FieldInspector();
 field0a.featureLayer = fLayer;
 field0a.fieldName = "P_RSIZE";
 field0a.label = "Parcel Size (acres)";
 editor.attributeInspector.fieldInspectors.push(field0a);
    
 var field0b:FieldInspector = new FieldInspector();
 field0b.featureLayer = fLayer;
 field0b.fieldName = "RSIZE";
 field0b.label = "Tract Size (acres)";
 editor.attributeInspector.fieldInspectors.push(field0b);
    
 var field1:FieldInspector = new FieldInspector();
 field1.featureLayer = fLayer;
 field1.fieldName = "PPTYPE";
 field1.label = "Primary Protection Type";
 editor.attributeInspector.fieldInspectors.push(field1);
    
 var field2:FieldInspector = new FieldInspector();
 field2.featureLayer = fLayer;
 field2.fieldName = "PPAGENCY";
 field2.label = "Primary Protection Agency";
 editor.attributeInspector.fieldInspectors.push(field2);
    
 var field3:FieldInspector = new FieldInspector();
 field3.featureLayer = fLayer;
 field3.fieldName = "PROGRAM";
 field3.label = "Protection Program";
 editor.attributeInspector.fieldInspectors.push(field3);
    
 // fields to omit from user editing
 var fieldx1:FieldInspector = new FieldInspector();
 fieldx1.featureLayer = fLayer;
 fieldx1.fieldName = "TID";
 fieldx1.visible = false;
 editor.attributeInspector.fieldInspectors.push(fieldx1);
    
 var fieldx2:FieldInspector = new FieldInspector();
 fieldx2.featureLayer = fLayer;
 fieldx2.fieldName = "PID";
 fieldx2.visible = false;
 editor.attributeInspector.fieldInspectors.push(fieldx2);
    
 var fieldx3:FieldInspector = new FieldInspector();
 fieldx3.featureLayer = fLayer;
 fieldx3.fieldName = "CSIZE";
 fieldx3.visible = false;
 editor.attributeInspector.fieldInspectors.push(fieldx3);
    
 var fieldx4:FieldInspector = new FieldInspector();
 fieldx4.featureLayer = fLayer;
 fieldx4.fieldName = "P_CSIZE";
 fieldx4.visible = false;
 editor.attributeInspector.fieldInspectors.push(fieldx4);
}

Re: Edit Widget Questions

StephenLuzny — Wed, 08 Dec 2010 12:38:48 GMT

Thanks, Dave. Your code sample is very helpful 🙂

Re: Edit Widget Questions

StephenLuzny — Sun, 12 Dec 2021 07:58:48 GMT

Dave,

I have modified your code to allow for configuration from the EditWidget XML configuration file.

Add the following to EditWidget.xml:

<editablelayer>
 <layername>Sample Layer</layername>
 <fieldnames>FIELD1,FIELD2</fieldnames>
 <fieldlabels>Field1,Field2</fieldlabels>
 <hiddenfields>FIELD3</hiddenfields>
</editablelayer>

Within the EditWidget.mxml file:

[Bindable]
private var showAttributesText:String;

/* MODIFICATION -- setup variables for FieldInspector values from configXML */
private var editableLayerName:String;
private var editableLayerFieldNames:Array;
private var editableLayerFieldLabels:Array;
private var editableLayerHiddenFields:Array;
/* MODIFICATION --  END */

private function basewidget_widgetConfigLoaded(event:Event):void
{
 // hide map infowindow if any
 map.infoWindow.hide();
 
 if (configXML)
 {
  
  // MODIFICATION --  load configuration values for FieldInspector into variables
  editableLayerName = configXML.editablelayer.layername;
  
  if (configXML.editablelayer.fieldnames.length() > 0)
  {
   // add field names to array
   editableLayerFieldNames = [];
  
    const tempFieldArray:Array = configXML.editablelayer.fieldnames.split(",");
    for (var count1:Number = 0; count1 < tempFieldArray.length; count1++)
    {
     editableLayerFieldNames.push(tempFieldArray[count1]);
    }
  }
  
  if (configXML.editablelayer.fieldlabels.length() > 0)
  {
   // add field labels to array
   editableLayerFieldLabels = [];
   
   const tempLabelArray:Array = configXML.editablelayer.fieldlabels.split(",");
   for (var counter2:Number = 0; counter2 < tempLabelArray.length; counter2++)
   {
    editableLayerFieldLabels.push(tempLabelArray[counter2]);
   }
  }

  if (configXML.editablelayer.fieldlabels.length() > 0)
  {
   // add names of hidden fields to array
   editableLayerHiddenFields = [];
   
   const tempHiddenFieldArray:Array = configXML.editablelayer.hiddenfields.split(",");
   for (var count3:Number = 0; count3 < tempHiddenFieldArray.length; count3++)
   {
    editableLayerHiddenFields.push(tempHiddenFieldArray[count3]);
   }
  }
  // MODIFICATION -- END
  
  geometryService.url = configXML.geometryservice;
  
  const configToolbarVisible:Boolean = configXML.toolbarvisible == "true";
  editor.toolbarVisible = configToolbarVisible;
  
  const configToolbarCutVisible:Boolean = configXML.toolbarcutvisible == "true";
  editor.toolbarCutVisible = configToolbarCutVisible;
  
  const configToolbarMergeVisible:Boolean = configXML.toolbarmergevisible == "true";
  editor.toolbarMergeVisible = configToolbarMergeVisible;
  
  const configToolbarReshapeVisible:Boolean = configXML.toolbarreshapevisible == "true";
  editor.toolbarReshapeVisible = configToolbarReshapeVisible;
  
  if (configXML.createoptions.length() > 0)
  {
   createOptions.polygonDrawTools = new Array();
   createOptions.polylineDrawTools = new Array();
   
   if (configXML.createoptions.polygondrawtools.length() > 0)
   {
    const polygonDrawToolsList:Array = configXML.createoptions.polygondrawtools.split(",");
    for (var i:Number = 0; i < polygonDrawToolsList.length; i++)
    {
     createOptions.polygonDrawTools.push(polygonDrawToolsList);
    }
   }
   
   if (configXML.createoptions.polylinedrawtools.length() > 0)
   {
    const polylineDrawToolsList:Array = configXML.createoptions.polylinedrawtools.split(",");
    for (var j:Number = 0; j < polylineDrawToolsList.length; j++)
    {
     createOptions.polylineDrawTools.push(polylineDrawToolsList);
    }
   }
   editor.createOptions = createOptions;
  }
  //excludeLayers
  excludeLayers = [];
  var layers:XMLList = configXML.excludelayer as XMLList;
  for (var n:Number = 0; n < layers.length(); n++)
  {
   excludeLayers.push(layers.toString());
  }
  
  //deleteFeatures
  if (configXML.deletefeatures.length() > 0)
  {
   deleteFeatures = configXML.deletefeatures == "true";
  }
  editor.deleteEnabled = attachmentInspector.deleteEnabled = deleteFeatures;
  
  
  //labels
  if (configXML.labels.attributeslabel[0])
  {
   attributesLabel = configXML.labels.attributeslabel[0];
  }
  if (configXML.labels.attachmentslabel[0])
  {
   attachmentsLabel = configXML.labels.attachmentslabel[0];
  }
  
  // featurelayernotvisibletext
  EditWidgetTemplatePickerSkin.featureLayerNotVisibleText = configXML.featurelayernotvisibletext || "feature layer is either not visible or out of scale range";
  // showattachmentstext
  EditWidgetAttributeInspectorSkin.showAttachmentsText = configXML.showattachmentstext || "Show Attachments";
  // showattributestext
  showAttributesText = configXML.showattributestext || "Show Attributes";
 }
 
 // MODIFICATION -- call function to setup FieldInspector
 createFieldInspectors();
 // MODIFICATION -- END
 
 map.infoWindow.addEventListener(Event.CLOSE, infoWindowCloseHandler);
 ViewerContainer.dispatchEvent(new AppEvent(AppEvent.DATA_OPT_LAYERS, null, getOplayers));
}

And add the following function to EditWidget.mxml as well:

// This function establishes the attribute edit environment.
// In particular, the order in which fields are presented,
// and the labels attached to those fields.  Lastly, fields
// that should not be user editable are made not visible.
private function createFieldInspectors():void
{
 editor.attributeInspector.formItemsOrder = "fieldInspector";
 var layer:Layer;
 var fLayer:FeatureLayer;

 layer = map.getLayer(editableLayerName);
 fLayer = layer as FeatureLayer;
 
 var field:FieldInspector;
 var fieldHidden:FieldInspector;
 
 // Setup FieldInspectors for visible fields
 // Assumption: both editableLayerFieldNames and editableLayerFieldLabels will have the same number of elements
 for (var i:Number = 0; i < editableLayerFieldNames.length; i++)
 {
  field = new FieldInspector();
  field.featureLayer = fLayer;
  field.fieldName = editableLayerFieldNames;
  field.label = editableLayerFieldLabels;
  editor.attributeInspector.fieldInspectors.push(field);
 }
 
 // Setup FieldInspectors for hidden fields
 for (var j:Number = 0; j < editableLayerHiddenFields.length; j++)
 {
  fieldHidden = new FieldInspector();
  fieldHidden.featureLayer = fLayer;
  fieldHidden.fieldName = editableLayerHiddenFields;
  fieldHidden.visible = false;
  editor.attributeInspector.fieldInspectors.push(fieldHidden);
 }
}

Re: Edit Widget Questions

HaroldBostic — Sun, 12 Dec 2021 07:58:51 GMT

Thank you all. I modified the code above to work with multiple editable layers

Add the following to the editwidget.xml

<editablelayers>
     <editablelayer>
   <layername>Sample Layer</layername>
   <fieldnames>FIELD1,FIELD2</fieldnames>
   <fieldlabels>Field1,Field2</fieldlabels>
   <hiddenfields>FIELD3</hiddenfields>
             </editablelayer>
             <editablelayer>
   <layername>Sample Layer 2</layername>
   <fieldnames>FIELD1,FIELD2</fieldnames>
   <fieldlabels>Field1,Field2</fieldlabels>
   <hiddenfields>FIELD3</hiddenfields>
             </editablelayer>
<editablelayers>

Within the EditWidget.mxml file:

private function basewidget_widgetConfigLoaded(event:Event):void
            {
                // hide map infowindow if any
                map.infoWindow.hide();

                if (configXML)
                {

                    geometryService.url = configXML.geometryservice;

                    const configToolbarVisible:Boolean = configXML.toolbarvisible == "true";
                    editor.toolbarVisible = configToolbarVisible;

                    const configToolbarCutVisible:Boolean = configXML.toolbarcutvisible == "true";
                    editor.toolbarCutVisible = configToolbarCutVisible;

                    const configToolbarMergeVisible:Boolean = configXML.toolbarmergevisible == "true";
                    editor.toolbarMergeVisible = configToolbarMergeVisible;

                    const configToolbarReshapeVisible:Boolean = configXML.toolbarreshapevisible == "true";
                    editor.toolbarReshapeVisible = configToolbarReshapeVisible;

                    if (configXML.createoptions.length() > 0)
                    {
                        createOptions.polygonDrawTools = new Array();
                        createOptions.polylineDrawTools = new Array();

                        if (configXML.createoptions.polygondrawtools.length() > 0)
                        {
                            const polygonDrawToolsList:Array = configXML.createoptions.polygondrawtools.split(",");
                            for (var i:Number = 0; i < polygonDrawToolsList.length; i++)
                            {
                                createOptions.polygonDrawTools.push(polygonDrawToolsList);
                            }
                        }

                        if (configXML.createoptions.polylinedrawtools.length() > 0)
                        {
                            const polylineDrawToolsList:Array = configXML.createoptions.polylinedrawtools.split(",");
                            for (var j:Number = 0; j < polylineDrawToolsList.length; j++)
                            {
                                createOptions.polylineDrawTools.push(polylineDrawToolsList);
                            }
                        }
                        editor.createOptions = createOptions;
                    }
                    //excludeLayers
                    excludeLayers = [];
                    var layers:XMLList = configXML.excludelayer as XMLList;
     
                    for (var n:Number = 0; n < layers.length(); n++)
                    {
                        excludeLayers.push(layers.toString());
                    }

                    //deleteFeatures
                    if (configXML.deletefeatures.length() > 0)
                    {
                        deleteFeatures = configXML.deletefeatures == "true";
                    }
                    editor.deleteEnabled = attachmentInspector.deleteEnabled = deleteFeatures;


                    //labels
                    if (configXML.labels.attributeslabel[0])
                    {
                        attributesLabel = configXML.labels.attributeslabel[0];
                    }
                    if (configXML.labels.attachmentslabel[0])
                    {
                        attachmentsLabel = configXML.labels.attachmentslabel[0];
                    }
     
     /*MODIFICATIONS */
     var editablelayers:XMLList = configXML.editablelayers as XMLList;
     var editableLayerFieldNames:Array;
     var editableLayerFieldLabels:Array;
     var editableLayerHiddenFields:Array;
     
     for each(var eLayer:XML in  editablelayers.children())
     {
       
      
      if (eLayer.fieldnames.length() > 0)
      {
       // add field names to array
       editableLayerFieldNames = [];
       
       const tempFieldArray:Array = eLayer.fieldnames.split(",");
       for (var count1:Number = 0; count1 < tempFieldArray.length; count1++)
       {
        editableLayerFieldNames.push(tempFieldArray[count1]);
       }
      }
      
      if (eLayer.fieldlabels.length() > 0)
      {
       // add field labels to array
       editableLayerFieldLabels = [];
       
       const tempLabelArray:Array = eLayer.fieldlabels.split(",");
       for (var counter2:Number = 0; counter2 < tempLabelArray.length; counter2++)
       {
        editableLayerFieldLabels.push(tempLabelArray[counter2]);
       }
      }
      
      if (eLayer.fieldlabels.length() > 0)
      {
       // add names of hidden fields to array
       editableLayerHiddenFields = [];
       
       const tempHiddenFieldArray:Array = eLayer.hiddenfields.split(",");
       for (var count3:Number = 0; count3 < tempHiddenFieldArray.length; count3++)
       {
        editableLayerHiddenFields.push(tempHiddenFieldArray[count3]);
       }
      }
      
      createFieldInspectors(eLayer.layername,editableLayerFieldNames,editableLayerFieldLabels,editableLayerHiddenFields);
     }
     
     // MODIFICATION -- END
     
                    // featurelayernotvisibletext
                    EditWidgetTemplatePickerSkin.featureLayerNotVisibleText = configXML.featurelayernotvisibletext || "feature layer is either not visible or out of scale range";
                    // showattachmentstext
                    EditWidgetAttributeInspectorSkin.showAttachmentsText = configXML.showattachmentstext || "Show Attachments";
                    // showattributestext
                    showAttributesText = configXML.showattributestext || "Show Attributes";
     
     
                }
    

                map.infoWindow.addEventListener(Event.CLOSE, infoWindowCloseHandler);
                ViewerContainer.dispatchEvent(new AppEvent(AppEvent.DATA_OPT_LAYERS, null, getOplayers));
            }

And add the following function to EditWidget.mxml as well:

// This function establishes the attribute edit environment.
   // In particular, the order in which fields are presented,
   // and the labels attached to those fields.  Lastly, fields
   // that should not be user editable are made not visible.
   private function createFieldInspectors(editableLayerName:String,
               editableLayerFieldNames:Array,
               editableLayerFieldLabels:Array,
               editableLayerHiddenFields:Array):void
   {
    editor.attributeInspector.formItemsOrder = "fieldInspector";
    var layer:Layer;
    var fLayer:FeatureLayer;
    
    layer = map.getLayer(editableLayerName);
    //if layer is null, you entered the wrong name in the layername tag of the specific editablelayer
    if(!layer) return;
    fLayer = layer as FeatureLayer;
    
    var field:FieldInspector;
    var fieldHidden:FieldInspector;
    
    // Setup FieldInspectors for visible fields
    // Assumption: both editableLayerFieldNames and editableLayerFieldLabels will have the same number of elements
    for (var i:Number = 0; i < editableLayerFieldNames.length; i++)
    {
     
     field = new FieldInspector();
     field.featureLayer = fLayer;
     field.fieldName = editableLayerFieldNames;
     field.label = editableLayerFieldLabels;
     editor.attributeInspector.fieldInspectors.push(field);
    }
    
    // Setup FieldInspectors for hidden fields
    for (var j:Number = 0; j < editableLayerHiddenFields.length; j++)
    {
     fieldHidden = new FieldInspector();
     fieldHidden.featureLayer = fLayer;
     fieldHidden.fieldName = editableLayerHiddenFields;
     fieldHidden.visible = false;
     editor.attributeInspector.fieldInspectors.push(fieldHidden);
    }
   }

Re: Edit Widget Questions

JonFisher — Fri, 04 Feb 2011 15:53:21 GMT

This is really helpful, any chance of uploading this as a custom widget (both compiled and source code) to the code gallery to make it easier to find? I'm happy to make the changes in FlexBuilder, but everyone has it. I think I'm going to keep the original edit widget as well, so people can choose from the default one which requires less work to configure, and this one which provides much more customization. Thanks for all the code!

Re: Edit Widget Questions

ThomasSchultz — Sun, 12 Dec 2021 07:58:54 GMT

This post has been really helpful. However, I am having trouble setting the AttributeInspector formItemsOrder property. This should be really easy and straightforward. I'm using the function below to create my field inspectors and set the formItemsOrder property, the same way that others have done in the post. But my fields are still not in the correct order, and when I debug I find that the formItemsOrder property is still set to the default "label" value. Anyone have any idea why the formItemsOrder property won't set for me?

private function createFieldInspectors():void
   {
    var layer:Layer;
    var fLayer:FeatureLayer;
   
    layer = map.getLayer(editableLayerName);
    fLayer = layer as FeatureLayer;
    
    editor.attributeInspector.formItemsOrder = "fieldInspector";
    
    var field:FieldInspector;
    var fieldHidden:FieldInspector;
    
    // Setup FieldInspectors for visible fields
    // Assumption: both editableLayerFieldNames and editableLayerFieldLabels will have the same number of elements
    for (var i:Number = 0; i < editableLayerFieldNames.length; i++)
    {
     field = new FieldInspector();
     field.featureLayer = fLayer;
     field.fieldName = editableLayerFieldNames;
     field.label = editableLayerFieldLabels;
     editor.attributeInspector.fieldInspectors.push(field);
    }
    
    // Setup FieldInspectors for hidden fields
    for (var j:Number = 0; j < editableLayerHiddenFields.length; j++)
    {
     fieldHidden = new FieldInspector();
     fieldHidden.featureLayer = fLayer;
     fieldHidden.fieldName = editableLayerHiddenFields;
     fieldHidden.visible = false;
     editor.attributeInspector.fieldInspectors.push(fieldHidden);
    }
   }

Re: Edit Widget Questions

ThomasSchultz — Tue, 15 Mar 2011 14:21:38 GMT

Sorry, I was debugging at the wrong point. Setting the formItemsOrder property to "fieldInspector" is not my issue. My field inspectors are also creating correctly. But my fields are still out of order. Any help would be greatly appreciated.

Re: Edit Widget Questions

Anonymous User — Thu, 23 Jun 2011 18:53:23 GMT

Greetings all!

I'm finding the code samples here to be very useful, especially the extention of functionality controlled by the EditWidget.xml file, but can anyone point me to a good comprehensive review of all the base tags that the EditWidget understands out of the box? Or are the ones that come in the base widget xml code the only ones that it does? I've been looking for a good disussion on this but have so far not come up with a good definitive answer ...

Case in point, I can add my outFields list directly when coding a FeatureLayer directly in an application but am not finding a compatible xml option in either the base config.xml for the flex viewer or the EditWidget.xml file. Same goes for the ClassBreaksRenderer ...

- Bob

Re: Edit Widget Questions

JonFisher — Thu, 23 Jun 2011 19:22:49 GMT

Greetings all!

I'm finding the code samples here to be very useful, especially the extention of functionality controlled by the EditWidget.xml file, but can anyone point me to a good comprehensive review of all the base tags that the EditWidget understands out of the box?
- Bob

The ESRI help page lists the tags that work out of the box:
http://help.arcgis.com/en/webapps/flexviewer/help/index.html#/Edit_widget/01m30000000v000000/

Re: Edit Widget Questions

NeoGeo — Fri, 22 Jul 2011 19:08:27 GMT

Just trying to get the code posted here to work but not having much luck. I am trying the last version posted. In the xml posted a closing slash is missing on one of the tags, I added import com.esri.ags.components.supportclasses.FieldInspector because the compiler didn't know what a field inspector was, and I added back in the labels which appeared to have been removed in the posted code (the ok button didn't even have a label), and of course I added the new sections in the xml file. What else am I missing? There is no change in the widget's behavior from the original when I run it...

Re: Edit Widget Questions

Ahmad_TarmiziTalib — Mon, 08 Aug 2011 08:47:48 GMT

does these codes work with flexviewer-2.3.1 and acrgis 10 (i notice some differences between the original edit widget code posted above with mine)? i tried both codes too but seems like they did nothing for me. the arrangement is still alphabetical. what could possibly went wrong? =\

Re: Edit Widget Questions

JosVroegop — Fri, 23 Sep 2011 07:52:06 GMT

Thanks guys, just what i was looking for. 😄

Used the code from Harold Bostic's post in 2.4 viewer, works like a charm.
Esri should make this standard functionality for the edit widget in my opinion.

Re: Edit Widget Questions

dmitrypylnev — Fri, 30 Sep 2011 04:45:11 GMT

Hi! There is a question whether it is possible in a widget in the fields of attributes to write fractions? (field on the GIS server fractional numeric)