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

直接上代码

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. Bzoj 2038: [2009国家集训队]小Z的袜子(hose) 莫队,分块,暴力

    2038: [2009国家集训队]小Z的袜子(hose) Time Limit: 20 Sec  Memory Limit: 259 MBSubmit: 5763  Solved: 2660[Subm ...

  2. JavaEE中遗漏的10个最重要的安全控制

    本文由码农网 – 小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! JavaEE有一些超赞的内置安全机制,但它们远远不能覆盖应用程序要面临的所有威胁.很多常见攻击,例如跨站点脚本攻 ...

  3. sublime text2 快捷键

    主要快捷键列表: Ctrl+L 选择整行(按住-继续选择下行)Ctrl+KK 从光标处删除至行尾Ctrl+Shift+K 删除整行Ctrl+Shift+D 复制光标所在整行,插入在该行之前Ctrl+J ...

  4. WebView Cache 缓存清除

    当我们加载Html时候,会在我们data/应用package下生成database与cache两个文件夹: 我们请求的Url记录是保存在webviewCache.db里,而url的内容是保存在webv ...

  5. 跨服务器备注SQL数据库 分类: SQL Server 2015-03-05 08:52 227人阅读 评论(0) 收藏

    任务:把服务器1上的SQL数据库自动备份到服务器2上,命名格式=数据库名+年月日+小时. 说明: 服务器2=>192.168.0.22 数据库名=>Book 共享文件夹路径:192.168 ...

  6. 【Android - MD】之FloatingActionButton的使用

    FloatingActionButton(FAB) 是 Android 5.0 新特性--Material Design 中的一个控件,是一种悬浮的按钮. FloatingActionButton 是 ...

  7. Android教程:ImageView 设置图片

    Android doc中是这样描述的: public void setImageResource (int resId) 这是其中的一个方法,参数resld是这样: ImageView.setImag ...

  8. Mac OS使用技巧之十六:系统失去响应怎么办?

    再好的系统,再快的本本,也会在执行时由于种种原因出现卡顿或者死机等失去响应的情况.Mac用户也会时不时碰到这样的情况,最常见的表现为鼠标变为七彩圆圈.通常等上一会儿系统会自己恢复.假设迟迟没有响应的话 ...

  9. Teamcity+SVN+VisualStudio在持续集成简明教程

    Teamcity+SVN+VisualStudio持续集成 简明教程 一.写在最前: 1.      各组件版本号例如以下: Teamcity(简称tc)版本号:8.1.4 SVN版本号:Tortoi ...

  10. Java theory and practice: Thread pools and work queues--reference

    Why thread pools? Many server applications, such as Web servers, database servers, file servers, or ...