WPF: Working with Data

WPF: Working With Data

Learn More @ http://www.learnnowonline.com
Copyright © by Application Developers Training Company

Objectives


Objectives
• Set how to retrieve data from a SQL
Server database


Objectives
Server database
• Create common data bound forms


Objectives
Server database
• Create common data bound forms
• See how to display information from
main and related tables


Agenda


Agenda
• Data Binding


Agenda
• Data Binding
• Using Views


Data Binding


Data Binding
• Process of getting information from
one object to another and
automatically displaying it in one or
more elements in user interface


Without Data Binding


1. In window’s Loaded event handler,
query database and retrieve list of
customers


customers
2. In code or in XAML, set ItemsSource
property of list box to DataTable or
other object that contains customers


customers
property of list box to DataTable or
other object that contains customers
3. In list box’s SelectionChanged event
handler, query database and retrieve
information for selected customer

handler, set Text property of each
text box to value of appropriate
column of customer data


5. In Save button’s Click event handler,
read value of each text box and
update appropriate column of
customer data


read value of each text box and
update appropriate column of
customer data
save changes http://www.learnnowonline.com
Learn More @ back to database

With Data Binding


With Data Binding
1. In window’s Loaded event handler, query
database and retrieve list of customers


With Data Binding
property of list box to DataTable or other
object that contains customers


With Data Binding


With Data Binding
4. In Save button’s Click event handler, save
changes back to database


Data Source Options


Data Source Options
• Same as in Windows Forms applications


Data Source Options
• Many data sources


Data Source Options
• Custom business objects


Data Source Options
• ADO.NET DataSets


Data Source Options
• LINQ to SQL


Data Source Options
• LINQ to SQL
• Entity Framework


Data Source Options
• LINQ to SQL
• Services


Data Source Options
• LINQ to SQL
• Services
• Web services


Data Source Options
• LINQ to SQL
• Services
• Web services
• Windows Communication Foundation (WCF)
services


Binding to an Object


• Display clients in a list box
• Create collection of clients in code
• Populate the collection
• Bind to object in XAML



<ListBox



<ListBox
Name="listBox1"



<ListBox
Name="listBox1"
DisplayMemberPath="Name"
ItemsSource=


• Select a client and display details in data-
bound text boxes in a grid
• Bind grid by setting data context to selected
list box item
• Text boxes in grid inherit data binding


list box item
<Grid Grid.Row="1" DataContext=


list box item
"{Binding ElementName=listBox1,


list box item
Path=SelectedItem}" >


list box item
<TextBox Text="{Binding Path=Name}"


list box item
Grid.Row="0" Grid.Column="1"


list box item
Grid.Row="0" Grid.Column="1"
Margin="5,5,10,5" MaxHeight="25" />


Binding to a DataTable


• Display customers in a list box and details
for selected customer in text boxes in grid


• Use TableAdapter or intermediary data layer
to retrieve customers and store in DataTable


• Set ItemsSource property of list box to
Customers table


Customers table
• Grid data context is set to list box selected
item


Customers table
item
• Text boxes automatically update when a customer
is selected


Customers table
item
• Text boxes automatically update when a customer
is selected
• List box SelectionChanged event handler runs


Binding to a LINQ Query


• Display customers in a list box and
details for selected customer in text
boxes in grid


boxes in grid
• Run LINQ to SQL query to retrieve
customers


boxes in grid
customers
• Set ItemsSource property of results of
query


boxes in grid
customers
query
• Grid data context is set to list box
selected item


boxes in grid
customers
query
• Grid data context is set to list box
selected item
• Text boxes automatically update when a


Binding to One Row of Data


• Display information on a product when
user enters product id and clicks Find
button


button
• Use TableAdapter or LINQ to SQL query to
retrieve information on a product


button
• Use TableAdapter or LINQ to SQL query to
retrieve information on a product
• Set data context of grid to row in
DataTable or result of LINQ query


Demos


Demos
• Binding to an Object


Demos
• Binding to a DataTable


Demos
• Binding to a LINQ Query


Demos
• Binding to a LINQ Query
• Binding to One Row of Data


Using Views


Using Views
• When you bind to a collection, WPF
creates a collection view


Using Views
• View manages currency (position of
current item)


Using Views
current item)
• Use view to navigate, sort, ﬁlter, group


Using Views
current item)
• In code, use instance of CollectionView
class


Using Views
current item)
• In code, use instance of CollectionView
class
• To get reference to CollectionView, call
GetDefaultView method of

CollectionView Class


• Navigation


• Navigation
• Methods: MoveCurrentToFirst,
MoveCurrentToPrevious, MoveCurrentToNext,
MoveCurrentToLast


• Navigation
MoveCurrentToLast
• Properties: CurrentItem, CurrentPosition


• Navigation
MoveCurrentToLast
• Sorting


• Navigation
MoveCurrentToLast
• Sorting
• SortDescriptions property contains collection
of SortDescription structures


• Navigation
MoveCurrentToLast
• Sorting
• SortDescription speciﬁes column to sort on
and order


• Navigation
MoveCurrentToLast
• Sorting
and order
• SortDescriptions.Add adds a sorting order


• Navigation
MoveCurrentToLast
• Sorting
and order
• SortDescriptions.Add adds a sorting order
• SortDescriptions.Clear clears sorting

• Filtering


• Filtering
• Cast view to BindingListCollection


• Filtering
• Set CustomFilter property of
BindingListCollection to ﬁlter expression


• Filtering
• Set CustomFilter property of
BindingListCollection to ﬁlter expression
• Set CustomFilter to empty string to clear
ﬁlter


CollectionViewSource


• XAML representation of view


• Can deﬁne views in XAML rather than
in code


in code
<Window.Resources>


in code
<Window.Resources>
<local:NorthwindDataSet


in code
<Window.Resources>
x:Key="northwindDataSet" />


in code
<Window.Resources>
<CollectionViewSource


in code
<Window.Resources>
x:Key="customersViewSource"


in code
<Window.Resources>
Source="{Binding Path=Customers,


in code
<Window.Resources>
Source={StaticResource


in code
<Window.Resources>
northwindDataSet}}" />


in code
<Window.Resources>
northwindDataSet}}" />
</Window.Resources>

Demos
• Using a CollectionView


Demos
• Using a CollectionView
• Using a CollectionViewSource


Drag and Drop Data Binding


• Drag and drop data binding supported
in Windows Forms since Visual Studio
2005


2005
• Now supported in WPF


2005
• Visual Studio creates
CollectionViewSources in XAML when
you drag data onto a window


2005
• Visual Studio creates
CollectionViewSources in XAML when
you drag data onto a window
• One-to-many relationships
automatically handled

Demo


Demo
• Drag and Drop Data Binding


Learn More!


Learn More!
• This is an excerpt from a larger course. Visit
www.learnnowonline.com for the full details!


Learn More!

• Learn more about WPF on SlideShare:


Learn More!

 Intro to Windows Presentation Foundation
(WPF)


Learn More!

(WPF)
 WPF: Advanced Controls


Learn More!

(WPF)
 WPF: Advanced Controls
 WPF: Binding


WPF: Working with Data

More Related Content

What's hot

Viewers also liked

Similar to WPF: Working with Data

More from LearnNowOnline

Recently uploaded

WPF: Working with Data

Editor's Notes