Public Class AttachmentEditor 
   Inherits System.Windows.Controls.Control

public class AttachmentEditor : System.Windows.Controls.Control 

<Grid x:Name="LayoutRoot">
  
  <!-- Provide the instructions on how to use the sample code. -->
  <TextBlock Height="64" HorizontalAlignment="Left" Name="TextBlock1" VerticalAlignment="Top" 
             Width="512" TextWrapping="Wrap" Margin="12,12,0,0" 
             Text="When the Map loads click on a point feature in the FeatureLayer to select
                   the Graphic. Then use the AttachmentEditor to add, delete, and download files." />
  
  <!-- 
  Add a Map control with an ArcGISTiledMapeServiceLayer and a FeatureLayer. It is important to 
  provide a Name for the Map Control as this will be used by the AttachmentEditor Control.
  Define and initial Extent for the map.
  -->
  <esri:Map Background="White" HorizontalAlignment="Left" Margin="12,100,0,0" Name="MyMap" 
            VerticalAlignment="Top" Height="272" Width="400" 
            Extent="-13625087,4547888,-13623976,4548643">
  
    <!-- Add a backdrop ArcGISTiledMapServiceLayer. -->
    <esri:ArcGISTiledMapServiceLayer 
              Url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer" />
    
    <!-- 
    The FeatureLayer is based upon an ArcGIS Server 'FeatureServer' service not a 'MapServer' service.
    It is important to provide an ID value as this will be used for Binding in the AttachementEditor.
    The MouseLeftButtonUp Event handler has been defined for the FeatureLayer. 
    -->
    <esri:FeatureLayer ID="IncidentsLayer"
           Url="http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/SanFrancisco/311Incidents/FeatureServer/0"
           MouseLeftButtonUp="FeatureLayer_MouseLeftButtonUp" AutoSave="False"                  
           DisableClientCaching="True" OutFields="*" Mode="OnDemand" />
    
  </esri:Map>
  
  <!-- 
  Wrap the Attachment Editor inside of a Grid and other controls to provide a stylistic look 
  and to provide instructions to the user.
  -->
  <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Margin="450,100,15,0" >
    <Rectangle Fill="BurlyWood" Stroke="Green"  RadiusX="15" RadiusY="15" Margin="0,0,0,5" >
      <Rectangle.Effect>
        <DropShadowEffect/>
      </Rectangle.Effect>
    </Rectangle>
    <Rectangle Fill="#FFFFFFFF" Stroke="Aqua" RadiusX="5" RadiusY="5" Margin="10,10,10,15" />
    <StackPanel Orientation="Vertical" HorizontalAlignment="Left">
      <TextBlock Text="Click on a point feature to select it, and click the 'Add' button to attach a file." 
                     Width="275" TextAlignment="Left" Margin="20,20,20,5" TextWrapping="Wrap" FontWeight="Bold"/>
    
      <!--
      Add an AttachmentEditor. Provide a x:Name for the AttachmentEditor so that it can be used in the 
      code-behind file. The FeatureLayer Property is bound to the 'IncidentLayer' of the Map Control.
      Two groups of Filter types are used (you can have multiple file extensions in a group) to drive the
      OpenFileDialog. The FilterIndex shows the first group of Filter Types in the OpenFileDialog 
      dropdown list. Only allow the user to upload (i.e. Add) one file at a time using the OpenFileDialog
      with the Multiselect set to False. An UploadFailed Event has been defined for the code-behind.
      -->
      <esri:AttachmentEditor x:Name="MyAttachmentEditor" VerticalAlignment="Top" Margin="20,5,20,20" 
                           Background="LightGoldenrodYellow" Width="280" Height="190" HorizontalAlignment="Right"                              
                           FeatureLayer="{Binding Layers[IncidentsLayer], ElementName=MyMap}" 
                           Filter="Image Files|*.jpg;*.gif;*.png;*.bmp|Adobe PDF Files (.pdf)|*.pdf" 
                           FilterIndex="1" Multiselect="False"
                           UploadFailed="MyAttachmentEditor_UploadFailed">
      </esri:AttachmentEditor>
    </StackPanel>
  </Grid>
      
</Grid>

private void FeatureLayer_MouseLeftButtonUp(object sender, ESRI.ArcGIS.Client.GraphicMouseButtonEventArgs e)
{
  // This function obtains the FeatureLayer, loops through all of the Graphic features and
  // un-selects them. Then for the Graphic for which the user clicked with the mouse select
  // it and use that Graphic to set the AttachmentEditor.GraphicSource to enable uploading,
  // downloading, and deleting attachment files on the ArcGIS Server backend database.
  
  // Get the FeatureLayer from the sender object of the FeatureLayer.MouseLeftButtonUp Event.
  ESRI.ArcGIS.Client.FeatureLayer myFeatureLayer = sender as ESRI.ArcGIS.Client.FeatureLayer;
  
  // Loop through all of the Graphics in the FeatureLayer and UnSelect them.
  for (int i = 0; i < myFeatureLayer.SelectionCount; i++)
  {
    myFeatureLayer.SelectedGraphics.ToList()[i].UnSelect();
  }
  
  // Select the Graphic from the e object which will change visibly on the Map via highlighting.
  e.Graphic.Select();
  
  // Setting the AttachmentEditor.GraphicSource immediately causes the AttachmentEditor Control 
  // to update with any attachments currently associated with the Graphic.
  MyAttachmentEditor.GraphicSource = e.Graphic;
}
            
private void MyAttachmentEditor_UploadFailed(object sender, ESRI.ArcGIS.Client.Toolkit.AttachmentEditor.UploadFailedEventArgs e)
{
  // Display any error messages that may occur if the AttachmentEditor fails to upload a file.
  MessageBox.Show(e.Result.Message);
}

Private Sub FeatureLayer_MouseLeftButtonUp(ByVal sender As Object, ByVal e As ESRI.ArcGIS.Client.GraphicMouseButtonEventArgs)
  
  ' This function obtains the FeatureLayer, loops through all of the Graphic features and
  ' un-selects them. Then for the Graphic for which the user clicked with the mouse select
  ' it and use that Graphic to set the AttachmentEditor.GraphicSource to enable uploading,
  ' downloading, and deleting attachment files on the ArcGIS Server backend database.
  
  ' Get the FeatureLayer from the sender object of the FeatureLayer.MouseLeftButtonUp Event.
  Dim myFeatureLayer As ESRI.ArcGIS.Client.FeatureLayer = TryCast(sender, ESRI.ArcGIS.Client.FeatureLayer)
  
  ' Loop through all of the Graphics in the FeatureLayer and UnSelect them.
  For i As Integer = 0 To myFeatureLayer.SelectionCount - 1
    myFeatureLayer.SelectedGraphics.ToList()(i).UnSelect()
  Next i
  
  ' Select the Graphic from the e object which will change visibly on the Map via highlighting.
  e.Graphic.Select()
  
  ' Setting the AttachmentEditor.GraphicSource immediately causes the AttachmentEditor Control 
  ' to update with any attachments currently associated with the Graphic.
  MyAttachmentEditor.GraphicSource = e.Graphic
  
End Sub
            
Private Sub MyAttachmentEditor_UploadFailed(ByVal sender As Object, ByVal e As ESRI.ArcGIS.Client.Toolkit.AttachmentEditor.UploadFailedEventArgs)
  ' Display any error messages that may occur if the AttachmentEditor fails to upload a file.
   MessageBox.Show(e.Result.Message)
End Sub