Click here to Skip to main content
15,896,557 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 95.7K   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       : CustomerAdminView.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.CustomerAdmin.View.CustomerAdminView"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:XamlControls="clr-namespace:Itenso.Community.XamlPatterns.Controls;assembly=Itenso.Community.XamlPatterns.Controls">

	<Grid>

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

		<StackPanel
			Grid.Row="0"
			Orientation="Horizontal">
			<Button
				Content="New"
				MinWidth="60"
				Margin="10,5,0,5"
				Command="{Binding Editor.ItemCreateCommand}" />
			<Button
				Content="Edit"
				MinWidth="60"
				Margin="10,5,0,5"
				Command="{Binding Editor.ItemEditCommand}" />
			<Button
				Content="Delete"
				MinWidth="60"
				Margin="10,5,0,5"
				Command="{Binding Editor.ItemDeleteCommand}" />
			<CheckBox
				Margin="10,0,0,0"
				Content="Sync to New"
				VerticalAlignment="Center"
				IsChecked="{Binding Editor.View.SyncCurrentToNewItem, Mode=TwoWay}" />
			<TextBlock
				Margin="10,0,0,0"
				VerticalAlignment="Center"
				Text="Insert Mode:" />
			<ComboBox
				Margin="5,0,0,0"
				VerticalAlignment="Center"
				ItemsSource="{Binding Editor.ItemInsertModes}"
				SelectedItem="{Binding Editor.InsertMode, Mode=TwoWay}" />
		</StackPanel>

		<XamlControls:ModelDataGrid
			Grid.Row="1"
			Margin="5,0"
			RowHeight="40"
			IsReadOnly="True"
			SelectionMode="Single"
			AutoGenerateColumns="False"
			HeadersVisibility="All"
			RowHeaderWidth="20"
			AlternatingRowBackground="#FFF3F3F3"
			IsSynchronizedWithCurrentItem="True"
			ItemsSource="{Binding Customers}"
			SelectedItem="{Binding Editor.Item, Mode=TwoWay}"
			ItemCreateCommand="{Binding Editor.ItemCreateCommand}"
			ItemEditCommand="{Binding Editor.ItemEditCommand}"
			ItemDeleteCommand="{Binding Editor.ItemDeleteCommand}">

			<DataGrid.Columns>
				<DataGridTextColumn
					Header="First Name"
					Binding="{Binding FirstName}" />
				<DataGridTextColumn
					Header="Last Name"
					Binding="{Binding LastName}" />
				<DataGridTextColumn
					Header="Address"
					Binding="{Binding Address}" />
				<DataGridCheckBoxColumn
					Header="New"
					Binding="{Binding IsNew}" />
				<DataGridCheckBoxColumn
					Header="Subscribed"
					Binding="{Binding IsSubscribed}"
					IsThreeState="True" />
				<DataGridTextColumn
					Header="Last Modified"
					Binding="{Binding LastModified, StringFormat=\{0:dd/MM/yyyy HH:mm:ss\}}" />
				<DataGridTemplateColumn
					Header="Actions">
					<DataGridTemplateColumn.CellTemplate>
						<DataTemplate>
							<StackPanel
								HorizontalAlignment="Center"
								Orientation="Horizontal">
								<Button
									Content="Edit"
									Height="25"
									Command="{Binding RelativeSource={RelativeSource AncestorType={x:Type XamlControls:ModelDataGrid}}, Path=ItemEditCommand}" />
							</StackPanel>
						</DataTemplate>
					</DataGridTemplateColumn.CellTemplate>
				</DataGridTemplateColumn>

			</DataGrid.Columns>

		</XamlControls:ModelDataGrid>

		<!-- status bar -->
		<Grid
			Grid.Row="2">
			<Grid.ColumnDefinitions>
				<ColumnDefinition
					Width="*" />
				<ColumnDefinition
					Width="*" />
				<ColumnDefinition
					Width="*" />
				<ColumnDefinition
					Width="Auto" />
				<ColumnDefinition
					Width="Auto" />
				<ColumnDefinition
					Width="Auto" />
			</Grid.ColumnDefinitions>

			<TextBlock
				Grid.Column="0"
				Margin="5,0,0,0"
				VerticalAlignment="Center"
				Text="{Binding Editor.Item.FirstName}" />

			<TextBlock
				Grid.Column="1"
				Margin="5,0,0,0"
				VerticalAlignment="Center"
				Text="{Binding Editor.Item.LastName}" />

			<TextBlock
				Grid.Column="2"
				Margin="5,0,0,0"
				VerticalAlignment="Center"
				Text="{Binding Editor.Item.Address}" />

			<TextBlock
				Grid.Column="3"
				Margin="5,0,0,0"
				MinWidth="80"
				VerticalAlignment="Center"
				HorizontalAlignment="Right"
				Text="{Binding Editor.Item.IsNew, StringFormat=IsNew: \{0\}}" />

			<TextBlock
				Grid.Column="4"
				Margin="5,0,0,0"
				MinWidth="100"
				VerticalAlignment="Center"
				HorizontalAlignment="Right"
				Text="{Binding Editor.Item.IsSubscribed, StringFormat=IsSubscribed: \{0\}}" />

			<TextBlock
				Grid.Column="5"
				Margin="5,0,5,0"
				MinWidth="70"
				VerticalAlignment="Center"
				HorizontalAlignment="Right"
				Text="{Binding Editor.CurrentPosition, StringFormat=Record #\{0\}}" />

		</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