Click here to Skip to main content
15,885,032 members
Articles / Mobile Apps / Windows Phone 7

Presentation Patterns for XAML based Applications

Rate me:
Please Sign up or sign in to vote.
4.99/5 (44 votes)
17 Sep 2013CPOL23 min read 93.9K   1.5K   176  
Design patterns on the presentation layer for WPF, Silverlight and Windows Phone applications.
<?xml version="1.0" encoding="UTF-8" ?>
<!-- == FILE ================================================================
== name       : GridViewBindingView.Desktop.xaml
== project    : Itenso Community
== created    : Jani Giannoudis - 2012.05.05
== language   : Microsoft eXtensible Application Markup Language
== environment: .NET 4.0
== copyright  : (c) 2004-2012 by Itenso GmbH, Switzerland
========================================================================= -->
<UserControl
	x:Class="Itenso.Community.XamlPatterns.Program.Examples.GridViewBinding.View.GridViewBindingView"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

	<Grid>

		<Grid.RowDefinitions>
			<RowDefinition
				Height="Auto" />
			<RowDefinition
				Height="*" />
			<RowDefinition
				Height="Auto" />
		</Grid.RowDefinitions>

		<Grid
			Grid.Row="0">
			<Grid.ColumnDefinitions>
				<ColumnDefinition
					Width="*" />
				<ColumnDefinition
					Width="Auto" />
			</Grid.ColumnDefinitions>

			<StackPanel
				Grid.Column="0"
				Orientation="Horizontal">
				<TextBlock
					Margin="10,0,0,0"
					VerticalAlignment="Center"
					Text="Item Count:" />
				<TextBox
					Margin="5,0,0,0"
					MinWidth="80"
					VerticalAlignment="Center"
					Text="{Binding ItemCount, Mode=TwoWay}" />
				<CheckBox
					Margin="10,0,0,0"
					Content="Update Mode"
					VerticalAlignment="Center"
					IsChecked="{Binding UseUpdateMode, Mode=TwoWay}" />
				<TextBlock
					Margin="10,0,0,0"
					VerticalAlignment="Center"
					Text="Model Type:" />
				<ComboBox
					Margin="5,0,0,0"
					VerticalAlignment="Center"
					ItemsSource="{Binding ViewModelTypes}"
					SelectedItem="{Binding ViewModelType, Mode=TwoWay}" />
			</StackPanel>
			<StackPanel
				Grid.Column="1"
				Orientation="Horizontal">
				<Button
					Margin="5"
					MinWidth="60"
					HorizontalAlignment="Right"
					Content="Load"
					Command="{Binding RefreshCommand}" />
				<Button
					Margin="5"
					MinWidth="60"
					HorizontalAlignment="Right"
					Content="Clear"
					Command="{Binding ClearCommand}" />
			</StackPanel>

		</Grid>

		<DataGrid
			Grid.Row="1"
			AutoGenerateColumns="False"
			ItemsSource="{Binding Items}">

			<DataGrid.Columns>
				<DataGridTextColumn
					Header="First Name"
					Width="SizeToHeader"
					MinWidth="100"
					Binding="{Binding FirstName}" />
				<DataGridTextColumn
					Header="Last Name"
					Width="SizeToCells"
					MinWidth="100"
					Binding="{Binding LastName}" />
				<DataGridTextColumn
					Header="Address"
					Width="150"
					Binding="{Binding Address}">
					<DataGridTextColumn.ElementStyle>
						<Style
							TargetType="TextBlock">
							<Setter
								Property="TextWrapping"
								Value="Wrap" />
						</Style>
					</DataGridTextColumn.ElementStyle>
					<DataGridTextColumn.EditingElementStyle>
						<Style
							TargetType="TextBox">
							<Setter
								Property="Foreground"
								Value="Blue" />
						</Style>
					</DataGridTextColumn.EditingElementStyle>
				</DataGridTextColumn>
				<DataGridCheckBoxColumn
					Header="New?"
					Width="40"
					Binding="{Binding IsNew}" />
				<DataGridCheckBoxColumn
					Header="Subscribed?"
					Width="Auto"
					Binding="{Binding IsSubscribed}"
					IsThreeState="True" />
			</DataGrid.Columns>

		</DataGrid>

		<Grid
			Grid.Row="2"
			Margin="0,5,0,0">
			<Grid.ColumnDefinitions>
				<ColumnDefinition
					Width="Auto" />
				<ColumnDefinition
					Width="*" />
			</Grid.ColumnDefinitions>

			<StackPanel
				Grid.Column="0"
				Orientation="Horizontal">
				<TextBlock
					Margin="5,0,0,0"
					VerticalAlignment="Center"
					Text="Duration [ms]:" />
				<TextBlock
					Margin="5,0,0,0"
					VerticalAlignment="Center"
					Text="{Binding LoadDuration}" />
			</StackPanel>

			<StackPanel
				Grid.Column="1"
				Orientation="Horizontal"
				HorizontalAlignment="Right">
				<TextBlock
					Margin="10,0,0,0"
					VerticalAlignment="Center"
					Text="Last Update:" />
				<TextBlock
					Margin="5,0"
					VerticalAlignment="Center"
					Text="{Binding LastUpdateDate}" />
			</StackPanel>

		</Grid>

	</Grid>

</UserControl>
<!-- == EOF ============================================================= -->

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
Switzerland Switzerland
👨 Senior .NET Software Engineer

🚀 My Open Source Projects
- Time Period Library 👉 GitHub
- Payroll Engine 👉 GitHub

Feedback and contributions are welcome.



Comments and Discussions