Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

在Silverlight之前的版本中都不能在XAML代码中设置断点以跟踪调试的,在Silverlight 5 beta版中我们将能够为Binding数据的XAML代码设置断点以跟踪调试相应的数据绑定过程。

首先我们新建一个Silverlight 5应用程序,然后准备后台数据代码如下以绑定一个DataGrid控件。

public MainPage()
 {
 InitializeComponent();
 List<CityInformation> cityList=new List<CityInformation>(){
 new CityInformation(){ CityName="北京", AddrName="中国北京", TelNum="010"},
 new CityInformation(){ CityName="成都", AddrName="中国四川", TelNum="028"},
 new CityInformation(){ CityName="东京", AddrName="日本东京", TelNum="110"},
 new CityInformation(){ CityName="广州", AddrName="中国广东", TelNum="020"},
 new CityInformation(){ CityName="巴黎", AddrName="法国巴黎", TelNum="01x"}
 };
 this.ShowCityList.ItemsSource = cityList;
 }
 }
 /// <summary> 
 /// 城市信息的实体类 
 /// </summary> 
 public class CityInformation
 {
 private string _AddrName;
 private string _CityName;
 private string _TelNum;
 public string AddrName
 {
 get { return _AddrName; }
 set { _AddrName = value; }
 }

 public string CityName
 {
 get { return _CityName; }
 set { _CityName = value; }
 }

 public string TelNum
 {
 get { return _TelNum; }
 set { _TelNum = value; }
 }
 }

一、现在我们首先开始设置XAML断点如下图所示:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

二、运行程序将在设置断点的Xaml代码位置停止,并且我们在下方“局部变量”窗口中可以看到当前的"BindingState"(绑定状态信息)如下图:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

三、在"FinalSource”中即是当然的数据绑定源类的相关字段信息如下图:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

四、在"Binding”-->"[System.Window.Data.Binding]"-->"Path"下的AddrName即是当然列绑定的字段名,如下图所示:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

五、在"[System.Windows.Data.Debugging.UpdateTargetPipeline]"-->"InitialValue"下的值即是当前绑定的字段AddrName的值,如下图所示:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

六、此时我们按F11键开始调试XAML中的断点出现"无可用源"的页面提示如下图:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

七、别慌,我们点击"显示反编译"以继续跟踪调试XAML绑定,继续关注"局部变量"窗口别转移,会出现如下界面:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

八、继续按F11键,会跟踪调试到当前行的"TelNum"字段,当前跟踪值为"010"。

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

九、继续按F11键,换到下一行数据的时候,我们回出现以下界面,显示下一行数据的类信息如下:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】

十、继续按F11键,直到所有的信息都调试完成,显示出结果如下图:

Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和Binding绑定调试【附带源码实例】
上一篇:Silverlight 5 beta新特性探索系列:1.安装Silverlight 5 beta环境以及OOB模式下Silverlight 5 多窗口支持


下一篇:Weex 中的 virtual-DOM 介绍