在上一篇《深入ASP.NET数据绑定(上)》中,我们分析了在.NET中的数据绑定语法的一些内部机理。简单说来就是ASP.NET在运行时为我们完成了页面的动态编译,并解析页面的各种服务器端代码,包括数据绑定语法。而数据绑定的语法虽是一些<%# %>代码块,在生成的代码中,仍然使用了服务器端控件以及在DataBinding事件调用DataBinder.Eval方法来完成数据的绑定工作。所有的数据绑定模板控件都使用了这样的机制来进行数据的单向绑定,在.NET 2.0中新增了双向的数据绑定方式,主要用在GridView,DetailsView,FormView等数据容器控件中,结合DataSourceControl就可以非常轻松的完成数据的更新和提交工作,而不需要我们手工去遍历输入控件的值。那在这样的双向数据绑定中,ASP.NET又是做了哪些工作,来为我们透明输入控件与字段的取值与对应关系,让我们可以在DataSouceControl中方便得到数据项修改前的值和修改后的值?下面就让我们一起来从一段页面代码开始吧:
1: <asp:DetailsDataSouce ID="DetailsDataSouce1" runat="server">
2: </asp:DetailsDataSouce>
3: <asp:DetailsView ID="detailsView" runat="server" DefaultMode="Edit" DataSourceID="DetailsDataSouce1">
4: <Fields>
5: <asp:TemplateField>
6: <HeaderTemplate>
7: 电流:</HeaderTemplate>
8: <EditItemTemplate>
9: <asp:TextBox ID="textBox1" runat="server" Text='<%# Bind("[电流{a}]") %>'></asp:TextBox>
10: </EditItemTemplate>
11: </asp:TemplateField>
12: </Fields>
13: </asp:DetailsView>
在一个页面中,定义了如上的一个DetailsView控件,为这个控件指定了ID为DetailsDataSource1的DataSouceControl控件,这个控件是我们自己定义的一个DataSourceControl,它返回的数据字段包括:"ID","电流{a}","电压(v)","备注'","名称]"。我并没有设置DetailsView的AutoGenerateRows属性的值,默认情况下,它是为我们自动的生成这些字段的对应的数据显示和输入控件。除此之外,我们还另外添加了一个数据模板字段,在这个模板中指定了编辑模板。在编辑模板中我使用了<%# Bind("")%>这样的语法,将textBox1与"[电流{a}]"字段双向绑定起来。
为什么这里的字段都有一些特殊呢?因为我原先的意图是除了分析绑定语法以外,还要测试哪些特殊字符无法使用数据绑定语法来绑定数据的。这个在下篇文章中会具体介绍。
Bind与Eval不一样,这样的Bind并不Page或TemplateControl的一个方法,事实上我们应该把它当成一个关键字来看待,因为在ASP.NET的双向数据绑定当中,并没有这样的一个函数存在,它的存在是只是告诉ASP.NET动态编译页面类时,将这个语法编译成一定的代码格式,并生成一些函数代理来达到双向数据交流的目的。
那么这一段代码,动态编译生成的服务器代码又是如何的呢?让我们反编译动态程序集,里面会找到用于创建DetailsView的__BuildControldetailsView的私有方法,在这里会调用到一些其它内部方法,我们不要让这些方法来干扰我们的视线,直接找到创建如上模板字段的方法:
1: [DebuggerNonUserCode]
2: private TemplateField __BuildControl__control5()
3: {
4: TemplateField field = new TemplateField();
5: field.HeaderTemplate = new CompiledTemplateBuilder(new BuildTemplateMethod(this.__BuildControl__control6));
6: field.EditItemTemplate = new CompiledBindableTemplateBuilder(new BuildTemplateMethod(this.__BuildControl__control7), new ExtractTemplateValuesMethod(this.__ExtractValues__control7));
7: return field;
8: }
这里首先把this.__BuildControl__control6作为一个代理函数,用于创建头部模板的内容,也就是如上的“电流:”字段标题。然后才是创建EditItemTemplate,这个模板又被一些的中介模板所代替,我们只需要来关心this.__BuildControl__control7和__ExtractValues__control7即可。__BuildControl__control7是为了编辑数据字段时,将数据字段的值显示在输入控件中(输入控件的初始化,即字段值绑定到输入控件中);而__ExtractValues__control7则是在提交数据时,要找出这个模板内所有的双向绑定字段,将这些字段的值以绑定字段名为Key,以输入控件的值为Value添加了IOrderedDictionary字典中。DetailsView等数据绑定控件调用这些委托代理来收集所有的被双向绑定的字段的最新的值。下面分别是两段函数的代码片段:
1: [DebuggerNonUserCode]
2: private TextBox __BuildControl__control8()
3: {
4: TextBox box = new TextBox();
5: box.TemplateControl = this;
6: box.ApplyStyleSheetSkin(this);
7: box.ID = "textBox1";
8: box.DataBinding += new EventHandler(this.__DataBinding__control8);
9: return box;
10: }
11: public void __DataBinding__control8(object sender, EventArgs e)
12: {
13: TextBox box = (TextBox) sender;
14: IDataItemContainer bindingContainer = (IDataItemContainer) box.BindingContainer;
15: if (this.Page.GetDataItem() != null)
16: {
17: box.Text = Convert.ToString(base.Eval("[电流{a}]"), CultureInfo.CurrentCulture);
18: }
19: }