Silverlight RIA Service using ADO.NET Entity Data Model: Part II

<sdk:DataGridAutoGenerateColumns="False"ItemsSource="{BindingElementName=customerDomainDataSource, Path=Data}"
Name="customerDataGrid"RowDetailsVisibilityMode="VisibleWhenSelected"MinHeight="250"
Height="Auto">
<sdk:DataGrid.Columns>
<sdk:DataGridTemplateColumn Header="Customer ID">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<HyperlinkButton x:Name="CustomerIDHyperlink" Content="{Binding Path=CustomerID, Mode=OneWay}" Click="EditHyperlink_Click"></HyperlinkButton>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
<sdk:DataGridTextColumn x:Name="companyNameColumn" Binding="{Binding Path=CompanyName}" Header="Company Name" Width="SizeToHeader" />
<sdk:DataGridTextColumn x:Name="contactNameColumn" Binding="{Binding Path=ContactName}" Header="Contact Name" Width="SizeToHeader" />
<sdk:DataGridTextColumn x:Name="contactTitleColumn" Binding="{Binding Path=ContactTitle}" Header="Contact Title" Width="SizeToHeader" />
<sdk:DataGridTextColumn x:Name="countryColumn" Binding="{Binding Path=Country}" Header="Country" Width="SizeToHeader" />
<sdk:DataGridTextColumn x:Name="postalCodeColumn" Binding="{Binding Path=PostalCode}" Header="Postal Code" Width="SizeToHeader" />
</sdk:DataGrid.Columns>
</sdk:DataGrid>
<sdk:DataPager Height="26"HorizontalAlignment="right" Name="dataPager1"PageSize="10"VerticalAlignment="Top" Width="Auto" Source="{BindingElementName=customerDomainDataSource, Path=Data}" />

DataForm

<dataform:DataForm x:Name="dataForm1" Header="Customer Information"AutoGenerateFields="False"AutoEdit="False"AutoCommit="False"CurrentItem="{BindingSelectedItem,ElementName=customerDataGrid}" Margin="0,12,0,0"DeletingItem="dataForm1_DeletingItem">
<dataform:DataForm.EditTemplate>
<DataTemplate>
<StackPanel>
<dataform:DataField Label="Customer ID">
<TextBoxIsReadOnly
Text="{BindingCustomerID, Mode=OneWay}" />
</dataform:DataField>
<dataform:DataField Label="Company Name">
<TextBox Text="{BindingCompanyName, Mode=TwoWay}" />
</dataform:DataField>
<dataform:DataField Label="Contact Name">
<TextBox Text="{BindingContactName, Mode=TwoWay}" />
</dataform:DataField>
<dataform:DataField Label="Contact Title">
<TextBox Text="{BindingContactTitle, Mode=TwoWay}" />
</dataform:DataField>
<dataform:DataField Label="Country">
<TextBox Text="{Binding Country, Mode=TwoWay,NotifyOnValidationError=True,ValidatesOnExceptions=True }" />
</dataform:DataField>
<dataform:DataField Label="PostalCode">
<TextBox Text="{BindingPostalCode, Mode=TwoWay,NotifyOnValidationError=True,ValidatesOnExceptions=True }" />
</dataform:DataField>
</StackPanel>
</DataTemplate>
</dataform:DataForm.EditTemplate>
</dataform:DataForm>
<StackPanel Orientation="Horizontal"HorizontalAlignment="Right" Margin="0,12,0,0">
<Button x:Name="submitButton" Width="75" Height="23" Content="Submit" Margin="4,0,0,0" Click="submitButton_Click"/>
</StackPanel>

Now run the application, result should be like this.


Image6.

Now if you enter some text in text box then result should be filter automatically.


Image7.

Now if you click on customer id and you want sent that id t another page then u have to write code like this.

<sdk:DataGridTemplateColumn Header="Customer ID">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<HyperlinkButton x:Name="CustomerIDHyperlink" Content="{Binding Path=CustomerID, Mode=OneWay}" Click="EditHyperlink_Click"></HyperlinkButton>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>

private void EditHyperlink_Click(object sender, System.Windows.RoutedEventArgs e)
{
Customer currentEvent = customerDataGrid.SelectedItemasCustomer;
if (currentEvent != null)
{
NavigateToEditEvent(currentEvent.CustomerID);
}
}

private void NavigateToEditEvent(stringeventId)
{
NavigationService.Navigate(newUri("/Detail?CustomerID=" +
eventId, UriKind.Relative));
}

Detail page should be like this.




Image8.

Hope this will help. If you have any questions then download attached project or drop me a comment in www.c-sharcorner.com comment section.