Feature Data Form Online

This sample demonstrates editing the attribute data of a FeatureLayer using an ESRI.ArcGIS.Client.Toolkit FeatureDataForm.

To use the sample, click on a feature in the map to view the attributes in the data form. Edit values in the data form and click ok to save to the database.

XAML

<UserControl x:Class="ArcGISWPFSDK.ToolkitFeatureDataForm"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:esri="http://schemas.esri.com/arcgis/client/2009">
    <Grid x:Name="LayoutRoot">
        <Grid.Resources>
            <LinearGradientBrush x:Key="PanelGradient" EndPoint="0.5,1" StartPoint="0.5,0">
                <LinearGradientBrush.RelativeTransform>
                    <TransformGroup>
                        <ScaleTransform CenterY="0.5" CenterX="0.5"/>
                        <SkewTransform CenterY="0.5" CenterX="0.5"/>
                        <RotateTransform Angle="176" CenterY="0.5" CenterX="0.5"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </LinearGradientBrush.RelativeTransform>
                <GradientStop Color="#FF145787"/>
                <GradientStop Color="#FF3D7FAC" Offset="0.184"/>
                <GradientStop Color="#FF88C5EF" Offset="0.984"/>
            </LinearGradientBrush>
        </Grid.Resources>
        <esri:Map x:Name="MyMap" Loaded="MyMap_Loaded" WrapAround="True">
            <esri:ArcGISTiledMapServiceLayer ID="BaseLayer" 
                Url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer" />
            <esri:FeatureLayer ID="Point Layer"                               
                               MouseLeftButtonUp="FeatureLayer_MouseLeftButtonUp"
                               Url="http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/SanFrancisco/311Incidents/FeatureServer/0"
                               DisableClientCaching="True" 
                               Mode="OnDemand"
                               SelectionColor="#FFFFFF00"
                               OutFields="*" />
        </esri:Map>
        <Border x:Name="FeatureDataFormBorder" Visibility="Collapsed" 
                HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10,10,10,0" Width="300" Height="300" >
            <Border.Effect>
                <DropShadowEffect Color="Black" Direction="-45" BlurRadius="20" Opacity=".75" />
            </Border.Effect>
            <esri:FeatureDataForm x:Name="MyFeatureDataForm"  Foreground="Black" BorderBrush="{StaticResource PanelGradient}" BorderThickness="12"
                                         IsReadOnly="False" LabelPosition="Left" />
        </Border>
        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,10,10,0" >
            <Rectangle Fill="{StaticResource PanelGradient}" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0,0,0,5">
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <Rectangle Fill="#FFFFFFFF" Stroke="DarkGray" RadiusX="5" RadiusY="5" Margin="10,10,10,15" />
            <TextBlock x:Name="ResponseTextBlock" Text="Click on a feature in the map to view the attributes in the data form.  Edit values in the data form and click ok to save to the database." 
                       Width="200" TextAlignment="Left" Margin="30,20,20,30" TextWrapping="Wrap"  />
        </Grid>
    </Grid>
</UserControl>

C#

using System.Linq;
using System.Windows;
using System.Windows.Controls;
using ESRI.ArcGIS.Client;
using ESRI.ArcGIS.Client.Geometry;

namespace ArcGISWPFSDK
{
    public partial class ToolkitFeatureDataForm : UserControl
    {
        private static ESRI.ArcGIS.Client.Projection.WebMercator _mercator =
                         new ESRI.ArcGIS.Client.Projection.WebMercator();
        public ToolkitFeatureDataForm()
        {
            InitializeComponent();

            ESRI.ArcGIS.Client.Geometry.Envelope initialExtent =
                    new ESRI.ArcGIS.Client.Geometry.Envelope(
            _mercator.FromGeographic(
                    new ESRI.ArcGIS.Client.Geometry.MapPoint(-122.4545596, 37.783443296)) as MapPoint,
            _mercator.FromGeographic(
                    new ESRI.ArcGIS.Client.Geometry.MapPoint(-122.4449924, 37.786447331)) as MapPoint);

            initialExtent.SpatialReference = new SpatialReference(102100);

            MyMap.Extent = initialExtent;
        }

        private void FeatureLayer_MouseLeftButtonUp(object sender, GraphicMouseButtonEventArgs args)
        {
            FeatureLayer featureLayer = sender as FeatureLayer;

            for (int i = 0; i < featureLayer.SelectionCount; i++)
                featureLayer.SelectedGraphics.ToList()[i].UnSelect();

            args.Graphic.Select();
            MyFeatureDataForm.GraphicSource = args.Graphic;

            FeatureDataFormBorder.Visibility = Visibility.Visible;
        }

        private void MyMap_Loaded(object sender, RoutedEventArgs e)
        {
            MyFeatureDataForm.FeatureLayer = MyMap.Layers[1] as ESRI.ArcGIS.Client.FeatureLayer;
        }
    }
}

VB.NET

Imports System.Linq
Imports System.Windows
Imports System.Windows.Controls
Imports ESRI.ArcGIS.Client
Imports ESRI.ArcGIS.Client.Geometry

Namespace ArcGISWPFSDK
    Partial Public Class ToolkitFeatureDataForm
        Inherits UserControl
        Private Shared _mercator As New ESRI.ArcGIS.Client.Projection.WebMercator()
        Public Sub New()
            InitializeComponent()

            Dim initialExtent As New ESRI.ArcGIS.Client.Geometry.Envelope(TryCast(_mercator.FromGeographic(New ESRI.ArcGIS.Client.Geometry.MapPoint(-122.4545596, 37.783443296)), MapPoint), TryCast(_mercator.FromGeographic(New ESRI.ArcGIS.Client.Geometry.MapPoint(-122.4449924, 37.786447331)), MapPoint))

            initialExtent.SpatialReference = New SpatialReference(102100)

            MyMap.Extent = initialExtent
        End Sub

        Private Sub FeatureLayer_MouseLeftButtonUp(sender As Object, args As GraphicMouseButtonEventArgs)
            Dim featureLayer As FeatureLayer = TryCast(sender, FeatureLayer)

            For i As Integer = 0 To featureLayer.SelectionCount - 1
                featureLayer.SelectedGraphics.ToList()(i).UnSelect()
            Next

            args.Graphic.[Select]()
            MyFeatureDataForm.GraphicSource = args.Graphic

            FeatureDataFormBorder.Visibility = Visibility.Visible
        End Sub

        Private Sub MyMap_Loaded(sender As Object, e As RoutedEventArgs)
            MyFeatureDataForm.FeatureLayer = TryCast(MyMap.Layers(1), FeatureLayer)
        End Sub
    End Class
End Namespace