C#数据绑定（基于win8应用商店）

当我们获取到我们需要的数据后，我们需要的应用什么样的数据控件，以及对应的数据绑定，在网站开发中，多用Gridview和Table，

在win8商店应用开发中，多用ListView、ObservableCollection，

以ListView为例

前台界面

<Page.BottomAppBar>
<AppBar IsSticky="True">
<StackPanel Orientation="Horizontal">
<Button Style="{StaticResource DeleteAppBarButtonStyle}" AutomationProperties.Name="删除" Width="88" Click="Delete_Click"></Button>
</StackPanel>
</AppBar>
</Page.BottomAppBar>

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Grid HorizontalAlignment="Left" Width="316">
<Button Style="{StaticResource PreviousAppBarButtonStyle}" Width="88" Margin="10,10,0,691"/>
<Grid.Background>
<ImageBrush ImageSource="Common/Images/blue.png"></ImageBrush>
</Grid.Background>
</Grid>
<Grid HorizontalAlignment="Right" Width="1086">
<Grid.Background>
<ImageBrush ImageSource="Common/Images/lightblue.png"></ImageBrush>
</Grid.Background>
<StackPanel Height="50" Orientation="Horizontal" Margin="38,85,-38,633">
<TextBlock Text="学号" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
<TextBlock Text="姓名" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
<TextBlock Text="性别" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
<TextBlock Text="QQ" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
<TextBlock Text="电话" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
<TextBlock Text="格言" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
<TextBlock Text="所属届数" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
<TextBlock Text="职务" FontFamily="楷体" FontSize="20" Width="125"></TextBlock>
</StackPanel>

<ListView Name="list1" SelectionMode="Multiple" HorizontalAlignment="Left" Height="544" Margin="38,135,0,0" VerticalAlignment="Top" Width="1009">
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Sno, Mode=TwoWay}" Width="125"></TextBlock>
<TextBlock Text="{Binding Name, Mode=TwoWay}" Width="125"></TextBlock>
<TextBlock Text="{Binding Sex, Mode=TwoWay}" Width="125"></TextBlock>
<TextBlock Text="{Binding QQ, Mode=TwoWay}" Width="125"></TextBlock>
<TextBlock Text="{Binding Phone, Mode=TwoWay}" Width="125"></TextBlock>
<TextBlock Text="{Binding Motto, Mode=TwoWay}" Width="125"></TextBlock>
<TextBlock Text="{Binding Period, Mode=TwoWay}" Width="125"></TextBlock>
<TextBlock Text="{Binding Post, Mode=TwoWay}" Width="125"></TextBlock>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
<ComboBox HorizontalAlignment="Left" Margin="561,45,0,0" VerticalAlignment="Top" Width="120">
<ComboBox Width="120"/>
</ComboBox>
<TextBox HorizontalAlignment="Left" Margin="348,45,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Height="32" Width="151"/>

</Grid>

后台代码

ObservableCollection<UserInfo> list = new ObservableCollection<UserInfo>();
protected override void OnNavigatedTo(NavigationEventArgs e)
{

list.Add(new UserInfo { Sno = "201312237044", Name="呵呵"});
list.Add(new UserInfo { Sno = "201312237045", Name="哈哈"});
list.Add(new UserInfo { Sno = "201312237046", Name="额" });
list.Add(new UserInfo { Sno = "201312237047",Name ="俄" });
list.Add(new UserInfo { Sno = "201312237048",Name="呃" });
list.Add(new UserInfo { Sno = "201312237049",Name="饿" });
list.Add(new UserInfo { Sno = "201312237050",Name="厄" });

list1.ItemsSource = list;
}