<navigation:Page
x:Class="DataGridAndChart.Home"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
mc:Ignorable="d" d:DesignWidth="1240" d:DesignHeight="480"
Style="{StaticResource PageStyle}" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
<Grid x:Name="LayoutRoot">
<Grid.Resources>
<Popup x:Key="pop" Width="150" Height="75" IsOpen="False" MouseLeave="Popup_MouseLeave">
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="23"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"></ColumnDefinition>
<ColumnDefinition Width="20"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Border Background="Silver" Grid.ColumnSpan="2"></Border>
<Button Grid.Column="1" Background="Silver" BorderBrush="Silver" BorderThickness="0" HorizontalAlignment="Right" Width="20" Content="X" x:Name="closePop" Click="closePop_Click"></Button>
<StackPanel Grid.Row="1" Grid.ColumnSpan="2">
<Button Content="Display History Sales Info" Background="Silver" BorderBrush="Silver" BorderThickness="0" Height="23"></Button>
<Button Content="Go to source" Background="Silver" BorderBrush="Silver" BorderThickness="0" Height="23"></Button>
<Button Content="Mark this item" Background="Silver" BorderBrush="Silver" BorderThickness="0" Height="23"></Button>
</StackPanel>
</Grid>
</Popup>
</Grid.Resources>
<ScrollViewer x:Name="PageScrollViewer" Style="{StaticResource PageScrollViewerStyle}">
<StackPanel x:Name="ContentStackPanel" Style="{StaticResource ContentStackPanelStyle}">
<StackPanel x:Name="toolPanel" Orientation="Horizontal">
<ComboBox SelectionChanged="detailOptions_SelectionChanged" Name="detailOptions" Width="100" DisplayMemberPath="Name" SelectedValuePath="{Binding Value}" ItemsSource="{Binding DetailsOptions}"/>
<Button x:Name="feedBackBtn" Width="100" Content="Feed Back" Command="{Binding FeedBackCMD}"></Button>
</StackPanel>
<sdk:DataGrid Name="dg"
IsReadOnly="True"
AutoGenerateColumns="False"
AlternatingRowBackground="Silver"
CanUserReorderColumns="True"
CanUserResizeColumns="True"
CanUserSortColumns="True"
SelectionMode="Extended"
SelectedItem="{Binding SelectedItem}"
ItemsSource="{Binding DataSource}">
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Width="250" Header="Item Name" Binding="{Binding ItemName}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Width="150" Header="Shop Name" Binding="{Binding ShopName}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Width="150" Header="Price Range" Binding="{Binding PriceRange}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Width="100" Header="Sold Number" Binding="{Binding SoldNum}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Width="150" Header="Sold Amount" Binding="{Binding SoldAmount}"></sdk:DataGridTextColumn>
<sdk:DataGridTemplateColumn Header="Check">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Button Content="Go to Source" x:Name="goToSourceBtn" Command="{Binding DataContext.GotToSourceCMD,ElementName=dg}"></Button>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
</sdk:DataGrid.Columns>
<sdk:DataGrid.RowDetailsTemplate>
<!-- Begin row details section. -->
<DataTemplate>
<Border BorderBrush="Black" BorderThickness="1" Background="Tan" Margin="20,5,0,0">
<sdk:DataGrid
AutoGenerateColumns="False"
AlternatingRowBackground="Gray"
CanUserReorderColumns="True"
CanUserResizeColumns="True"
CanUserSortColumns="True"
SelectionMode="Extended"
IsReadOnly="True"
ItemsSource="{Binding Details}">
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Width="380" Header="Item Name" Binding="{Binding ItemName}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Width="150" Header="Price Range" Binding="{Binding PriceRange}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Width="100" Header="Sold Number" Binding="{Binding SoldNum}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Width="150" Header="Sold Amount" Binding="{Binding SoldAmount}"></sdk:DataGridTextColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
</Border>
</DataTemplate>
<!-- End row details section. -->
</sdk:DataGrid.RowDetailsTemplate>
</sdk:DataGrid>
</StackPanel>
</ScrollViewer>
</Grid>
</navigation:Page>
namespace DataGridAndChart
{
using System.Windows.Controls;
using System.Windows.Navigation;
using System.Collections.ObjectModel;
using System;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows;
using System.Windows.Controls.Primitives;
/// <summary>
/// Home page for the application.
/// </summary>
public partial class Home : Page
{
/// <summary>
/// Creates a new <see cref="Home"/> instance.
/// </summary>
public Home()
{
InitializeComponent();
this.Title = ApplicationStrings.HomePageTitle;
this.DataContext = new HomeViewModel();
dg.LoadingRow += new EventHandler<DataGridRowEventArgs>(dg_LoadingRow);
}
void dg_LoadingRow(object sender, DataGridRowEventArgs e)
{
e.Row.MouseRightButtonDown += new MouseButtonEventHandler(Row_MouseRightButtonDown);
}
void Row_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
DataGridRow row= (DataGridRow)sender;
if (row == null)
return;
Point p = e.GetPosition(Application.Current.RootVisual);
Popup pop = LayoutRoot.Resources["pop"] as Popup;
GeneralTransform gt = row.TransformToVisual(Application.Current.RootVisual);
pop.HorizontalOffset = p.X;
pop.VerticalOffset = p.Y;
pop.IsOpen = true;
e.Handled = true;
}
private void closePop_Click(object sender, System.Windows.RoutedEventArgs e)
{
Popup pop = LayoutRoot.Resources["pop"] as Popup;
pop.IsOpen = false;
}
/// <summary>
/// Executes when the user navigates to this page.
/// </summary>
protected override void OnNavigatedTo(NavigationEventArgs e)
{
}
private void detailOptions_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
ComboBox cb = sender as ComboBox;
var item = cb.SelectedValue as NameValue;
string option = item == null ? "Selected" : item.Value as string;
switch (option)
{
case "Selected":
dg.RowDetailsVisibilityMode = DataGridRowDetailsVisibilityMode.VisibleWhenSelected;
break;
case "All":
dg.RowDetailsVisibilityMode = DataGridRowDetailsVisibilityMode.Visible;
break;
case "None":
dg.RowDetailsVisibilityMode = DataGridRowDetailsVisibilityMode.Collapsed;
break;
}
}
private void Popup_MouseLeave(object sender, MouseEventArgs e)
{
Popup pop = LayoutRoot.Resources["pop"] as Popup;
pop.IsOpen = false;
}
}
public class HomeViewModel
{
public HomeViewModel()
{
dataSource = ItemSummary.Get();
}
ObservableCollection<NameValue> detailOptions = new ObservableCollection<NameValue>(new NameValue[]
{
new NameValue { Name ="Selected Item(default)",Value ="Selected"},
new NameValue {Name ="All Items",Value ="All"},
new NameValue {Name ="None",Value ="None"}
});
public ObservableCollection<NameValue> DetailsOptions{ get { return detailOptions; } }
ObservableCollection<ItemSummary> dataSource;
public ObservableCollection<ItemSummary> DataSource { get { return dataSource; } }
public ItemSummary SelectedItem { get; set; }
}
public class NameValue
{
public object Name { get; set; }
public object Value { get; set; }
}
public class ItemSummary
{
public string ItemName { get; set; }
public string ShopName { get; set; }
public string PriceRange { get; set; }
public double SoldNum { get; set; }
public double SoldAmount { get; set; }
ObservableCollection<ItemSummary> details = new ObservableCollection<ItemSummary>();
public ObservableCollection<ItemSummary> Details { get { return details; } }
public static ObservableCollection<ItemSummary> Get()
{
Random r = new Random();
ObservableCollection<ItemSummary> list = new ObservableCollection<ItemSummary>();
for (int i = 0; i < 15; i++)
{
ItemSummary item = new ItemSummary();
item.ItemName = "Sumsung/Cell Phone Glax S " + r.Next(1, 40);
item.ShopName = "Shop_" + i;
item.PriceRange = (r.NextDouble() + 1) * 1000 + "-" + (r.NextDouble() + 1) * 1000;
item.SoldNum = r.Next(1, 100);
item.SoldAmount = (r.NextDouble()+0.1)*10000;
for (int j = 0; j < r.Next(2, 10); j++)
{
ItemSummary item2 = new ItemSummary();
item2.ItemName =item .ItemName + " Package " + r.Next(1, 9);
item2.PriceRange = ((r.NextDouble() + 1) * 1000).ToString("0.00");
item2.SoldNum = r.Next(1, 100);
item2.SoldAmount = ((r.NextDouble() + 0.1) * 10000);
item.Details.Add(item2);
}
list.Add(item);
}
return list;
}
}
}
