功能描述:一级菜单省份  联动显示省份下的城市

直接上代码

public class City
{
public string Num { get; set; }
public string Name { get; set; } }
public class Province
{
public string ProvinceName { get; set; }
public ObservableCollection<City> Citys { get; set; }
}
public class ProvinceList : ObservableCollection<Province>
{
public ProvinceList()
{
ObservableCollection<City> province1 = new ObservableCollection<City>();
province1.Add(new City { Num = "", Name = "郑州" });
province1.Add(new City { Num = "", Name = "南阳" });
province1.Add(new City { Num = "", Name = "新乡" }); ObservableCollection<City> province2 = new ObservableCollection<City>(); province2.Add(new City { Num = "", Name = "石家庄" });
province2.Add(new City { Num = "", Name = "保定" });
province2.Add(new City { Num = "", Name = "衡水" });
province2.Add(new City { Num = "", Name = "邢台" }); ObservableCollection<City> province3 = new ObservableCollection<City>()
{
new City(){Num="",Name="长沙"},
new City(){Num="",Name="株洲"}
}; this.Add(new Province() { ProvinceName = "河南省", Citys = province1 });
this.Add(new Province() { ProvinceName = "河北省", Citys = province2 });
this.Add(new Province() { ProvinceName = "湖南省", Citys = province3 }); }
protected override void OnPropertyChanged(System.ComponentModel.PropertyChangedEventArgs e)
{
base.OnPropertyChanged(e);
}
protected override void OnCollectionChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
{
base.OnCollectionChanged(e);
}
}

这是数据源的代码
主要是省份列表类  继承 ObservableCollection泛型类  这个类有两个两种通知:

public virtual event NotifyCollectionChangedEventHandler CollectionChanged;  当集合中的某个项更改或者整个集合更改时发生
protected virtual event PropertyChangedEventHandler PropertyChanged;  当集合中单个项的属性更改时发生

意思就是当数据源集合改变时或者集合里面的某个属性改变时  进行通知前台显示

前台代码:

<phone:PhoneApplicationPage.Resources>
<local:ProvinceList x:Key="prolist"/>
<CollectionViewSource x:Key="ProCityList"
Source="{StaticResource prolist}"/>
<DataTemplate x:Key="cityList">
<StackPanel Height=""
Orientation="Horizontal"> <TextBlock Height=""
Width=""
Text="{Binding Num}"/>
<TextBlock Height=""
Width=""
Text="{Binding Name}"/>
</StackPanel>
</DataTemplate>
</phone:PhoneApplicationPage.Resources>

初始化省份列表的数据源,定义显示城市的列表的每一项的数据模板

注意CollectionViewSource  之所以能分层绑定  多绑定一级  就是因为CollectionViewSource
MSDN对CollectionViewSource的解释

CollectionViewSource 允许使用 XAML 代码设置将这些设置传递到基础视图的常用 CollectionView 属性。 CollectionViewSource 具有一个保存实际视图的 View 属性和一个保存源集合的 Source 属性。

可以将集合视图视为位于绑定源集合之上的一个层,您可以通过它使用排序、筛选和分组查询来导航和显示集合,所有这些操作都无需操作基础源集合本身。 如果源集合实现了INotifyCollectionChanged 接口,则 CollectionChanged 事件引发的更改将传播到视图。

由于视图不会更改基础源集合,因此每个源集合可以有多个关联的视图。 例如,您可以有一个 Task 对象的集合。 通过使用视图,可以通过多种不同的方式来显示相同数据。 例如,您可能希望在页面左侧显示按优先级排序的任务,而在页面右侧显示按区域分组的任务。

具体显示的代码:

<Grid x:Name="ContentPanel" DataContext="{Binding Source={StaticResource ProCityList}}" Grid.Row="" Margin="12,0,12,0">
<TextBlock Width=""
Height=""
FontSize=""
Text="请选择省份:"
HorizontalAlignment="Left"
VerticalAlignment="Top"
Margin="10,30,0,0"/>
<ListBox Name="lb1"
Height=""
Width=""
DisplayMemberPath="ProvinceName"
ItemsSource="{Binding}"
Margin="40,69,260,0"
HorizontalAlignment="Center"
VerticalAlignment="Top" FontSize="" />
<TextBlock Height=""
Width=""
HorizontalAlignment="Left"
VerticalAlignment="Top"
Text="{Binding Path=ProvinceName}"
Foreground="Aqua" Margin="12,210,0,0" FontSize="" /> <TextBlock Height=""
HorizontalAlignment="Right"
Text="城市列表"
VerticalAlignment="Top" Margin="0,210,169,0" Width="" FontSize="" /> <TextBlock Height=""
Width=""
Text="区号" Margin="6,278,330,279" FontSize="" />
<TextBlock Height=""
Width=""
Text="城市名" Margin="0,278,260,279" HorizontalAlignment="Right" FontSize="" /> <ListBox Name="lb2"
Height=""
VerticalAlignment="Top"
ItemsSource="{Binding Path=Citys}"
ItemTemplate="{StaticResource cityList}" FontSize="" Margin="0,328,0,0" />
<TextBlock Name="tb4" Foreground="White" Text="{Binding Path=Citys.Count}" Width="" Margin="129,563,127,10"/>
</Grid>

在这段代码中如果把Grid的DataContent直接写成ObservableCollection泛型集合对象   下面的城市列表绑定就不会显示

经过尝试   在wpf中可以这样写<Button Content="{Binding /City/lCity}" />  可以指定下一级的数据绑定  可以一直往下一级绑定  但是windowsphone没有这种写法 所以windowsphone只能绑定到一级

windowsphone 中CollectionViewSource和ObservableCollection的使用的更多相关文章

  1. windowsphone中获取手机位置信息

    首先在界面中加入一个textblock控件以显示信息 using System; using System.Collections.Generic; using System.IO; using Sy ...

  2. 在WindowsPhone开发中使用MVVM设计模式

    相信.NET程序员多多少少都听说过MVVM的设计模式,对于一个大一点的项目来说,使用这种设计模式无疑是一种不错的选择, 它提高了程序的可维护性,降低了耦合度,可以实现代码的重用,方便独立开发和进行测试 ...

  3. 年度巨献-WPF项目开发过程中WPF小知识点汇总(原创+摘抄)

    WPF中Style的使用 Styel在英文中解释为”样式“,在Web开发中,css为层叠样式表,自从.net3.0推出WPF以来,WPF也有样式一说,通过设置样式,使其WPF控件外观更加美化同时减少了 ...

  4. 【IOS】模仿windowsphone列表索引控件YFMetroListBox

    有没有觉得UITableView自带的右侧索引很难用,我一直觉得WindowsPhone中的列表索引非常好用. 所以呢,我们来实现类似Windows Phone中的列表索引(这就是信仰). 最终实现效 ...

  5. WPF 只读集合在 XAML 中的绑定(WPF:Binding for readonly collection in xaml)

    问题背景 某一天,我想做一个签到打卡的日历.基于 Calendar,想实现这个目标,于是找到了它的 SelectedDates 属性,用于标记签到过的日期. 问题来了. 基于MVVM模式,想将其在xa ...

  6. WP8.1学习系列(第二十三章)——到控件的数据绑定

    在本文中 先决条件 将控件绑定到单个项目 将控件绑定到对象的集合 通过使用数据模板显示控件中的项目 添加详细信息视图 转换数据以在控件中显示 相关主题 本主题介绍了如何在使用 C++.C# 或 Vis ...

  7. WPF的IsSynchronizedWithCurrentItem属性

    如果两个控件都绑定到同一个源(ObservableCollection)集合视图时,该对象会自动绑定到该视图的 CurrentItem.请注意,CollectionViewSource 对象会自动同步 ...

  8. 使用 Windows Phone Toolkit 的 Tilt 效果

    上一篇文章分享了如何使控件具有摁下的效果(在WindowsPhone中使控件具有Tilt效果),实现方式是在项目中添加新的类文件,其实,如果项目引用了Windows Phone Toolkit,那么就 ...

  9. 【IOS】将字体大小不同的文字底部对齐

    从WP转IOS了,还是放不下...... 在项目中,要实现如图多个不同大小的文字   底部对齐的效果   像下面这样: (想要的效果) 以为用三个UIFont不同的UILabel  之后让他们底部对齐 ...

随机推荐

  1. hdoj 2899 Strange fuction【二分求解方程】

    Strange fuction Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...

  2. [置顶] [MATLAB技术贴]漫谈MATLAB矩阵转置

    矩阵转置是matlab最基本的操作了,但这个基本操作,也是很多初学者容易出现问题的地方.本帖通过几个实例演示matlab矩阵转置的操作. 方法一:'  运算符与  .'  运算符 >>a ...

  3. 工厂模式 - 程序实现(java)

    09年5月CSDN一网友提出如下问题: 设计一个用于管理银行客户的类BankCustomer: 仅描述客户的几个重要方面: 帐号.身份证号.姓名.联系方式.密码.账户余额. 所有的成员变量均用priv ...

  4. LINQ多条件OR模糊查询

    本文章转载:http://www.cnblogs.com/guyun/archive/2012/10/18/2729888.html 需求是这样的,有一张表tbl(Key[int],Value[str ...

  5. Adobe Dreamweaver CS6安装步骤

    dreamweaver cs6 下载地址: http://bbs.phonegap100.com/thread-135-1-1.html dreamweaver cs6 是世界顶级软件厂商adobe推 ...

  6. [RxJS] Transformation operator: buffer, bufferCount, bufferTime

    This lesson will teach you about another horizontal combination operator: buffer and its variants. B ...

  7. CMAKE 学习

    http://www.cnblogs.com/coderfenghc/archive/2012/06/16/CMake_ch_01.html

  8. tcmalloc源码剖析的资料

    1. https://seanhn.wordpress.com/2011/04/14/exploit-necromancy-in-tcmalloc-reviving-the-4-to-n-byte-o ...

  9. Java基础知识强化之集合框架笔记38:Set集合之Set集合概述和特点

    1. Set集合概述和特点 Collection            |--List                     有序(存储顺序和取出顺序一致),可重复            |--Se ...

  10. Android(java)学习笔记203:网页源码查看器(Handler消息机制)

    1.项目框架图: 2.首先是布局文件activity_main.xml: <LinearLayout xmlns:android="http://schemas.android.com ...