ASP.NET 2.0 中实现模板中的数据绑定系列（2）-优快云博客

双向数据绑定

  　　FormView可以通过相关的数据源控件支持自动地更新、插入和删除操作（与DetailsView类似）。如果要定义编辑或插入的UI，那么除了定义数据项模板（ItemTemplate）之外，你还要定义EditItemTemplate或InsertItemTemplate模板。在这个模板中，你可以把输入控件（例如文本框、检查框或下拉列表）绑定到数据源的字段。这些模板中的数据绑定使用了"双向"数据绑定语法，允许FormView从模板的输入控件中提取值并传递给数据源。这些数据绑定操作用新的Bind(fieldname)语法代替了Eval。

  　　请注意：使用Bind语法的数据绑定控件必须设置好ID属性。

  　　GridView或DetailsView执行更新或插入操作的时候（这些控件的Columns或Fields都会定义BoundFields，绑定字段），GridView或 DetailsView负责建立编辑或插入模式中的输入UI，因此它能够自动地提取这些值并把它们传递给数据源。由于模板包含了任意的用户自定义UI控件，双向数据绑定语法就是必要的，以确保模板化控件（例如FormView）在应对更新、插入或删除操作的时候，知道应该从模板中提取那些控件的值。你仍然可以在EditItemTemplate中使用Eval语句进行数据绑定，来给数据源传递值。请注意，FormView与DetailsView和GridView一样支持DataKeyNames属性，它保存了传递给更新/删除操作的主键字典的原始值，即使这些值没有显示出来。

  　　FormView支持DefaultMode属性，它可以指定默认显示的模板，但在默认情况下FormView处于只读模式并显示ItemTemplate模板。为了把UI从只读模式转换为编辑或插入模式，你可以给模板添加一个按钮控件，把该按钮的CommandName属性设置为Edit或New。在EditItemTemplate模板中，你可以增加按钮，把CommandName设置为Update或Cancel以提交或终止更新操作。类似的，你可以增加按钮，把CommandName设置为Insert或Cancel来提交或终止插入操作。

  　　下面的例子演示了定义了ItemTemplate和EditItemTemplate模板的FormView。其中的ItemTemplate模板包含了使用Eval（双向）绑定的控件，而EditItemTemplate模板则包含了使用Bind语句进行双向绑定的文本框控件。主键字段（PhotoID）是使用DataKeyNames属性存放在viewstate中的。该FormView包含了用于在模板之间进行切换的按钮。

  ＜ASP:FormView ID="FormView1" runat="server" DataSourceID="ObjectDataSource1" DataKeyNames="PhotoID"＞
  ＜EditItemTemplate＞
  　＜b＞Enter a New Caption:＜/b＞
  　＜asp:TextBox Text='＜%# Bind("Caption") %＞' runat="server" ID="CaptionTextBox" /＞＜asp:Button ID="Button1" runat="server" Text="Update" CommandName="Update" /＞
  　＜asp:Button ID="Button2" runat="server" Text="Cancel" CommandName="Cancel" /＞
  ＜/EditItemTemplate＞
  ＜ItemTemplate＞
  　＜asp:Label ID="CaptionLabel" runat="server" Text='＜%# Eval("Caption") %＞' Font-Size="32pt" /＞＜br /＞
  　＜asp:Image ID="Image1" runat="server" ImageUrl='＜%# Eval("FileName", "images/{0}") %＞' /＞＜br /＞
  　＜asp:Button ID="Button3" runat="server" Text="Edit Caption..." CommandName="Edit" /＞＜asp:HyPerlink ID="HyperLink1" Text="Back to Album" NavigateUrl='＜%# Eval("AlbumID", "PhotosDataList.aspx?ID={0}") %＞' runat="server" /＞
  ＜/ItemTemplate＞
  ＜/asp:FormView＞
  ＜asp:ObjectDataSource ID="ObjectDataSource1" runat="server" TypeName="DataComponentTableAdapters.PhotosTableAdapter" SelectMethod="GetPhoto" UpdateMethod="UpdateCaption" OldValuesParameterFormatString="original_{0}"＞
  　＜UpdateParameters＞
  　　＜asp:Parameter Name="Caption" /＞
  　　＜asp:Parameter Name="Original_PhotoID" /＞
  　＜/UpdateParameters＞
  ＜SelectParameters＞
  ＜asp:QueryStringParameter Name="PhotoID" DefaultValue="9" QueryStringField="ID" /＞
  ＜/SelectParameters＞
  ＜/asp:ObjectDataSource＞

  　　GridView和DetailsView还支持模板化UI，它是通过给Columns或Fields集合增加TemplateField来实现的。TemplateField支持使用ItemTemplate、EditItemTemplate和InsertItemTemplate（DetailsView才有）为控件的不同显示模式中的字段指定UI。与上面的FormView示例类似，EditItemTemplate或InsertItemTemplate中的双向数据绑定也允许GridView或DetailsView从这些模板的控件中提取值。TemplateField最常见的用途是给EditItemTemplate增加验证器控件，用于公开地验证GridView或DetailsView操作。下面的例子演示了这种技术。



  ……
  ＜asp:GridView ID="GridView1" runat="server" DataSourceID="ObjectDataSource1" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" DataKeyNames="AlbumID"＞
  　＜Columns＞
  　　＜asp:CommandField ShowEditButton="True" /＞
  　　＜asp:BoundField ReadOnly="True" HeaderText="AlbumID" DataField="AlbumID" SortExpression="AlbumID" /＞
  　　＜asp:TemplateField HeaderText="AlbumName" SortExpression="AlbumName" ItemStyle-Wrap="false"＞
  　　　＜ItemTemplate＞
  　　　　＜asp:Label ID="Label1" runat="server" Text='＜%# Eval("AlbumName") %＞'＞＜/asp:Label＞
  　　　＜/ItemTemplate＞
  　　　＜EditItemTemplate＞
  　　　　＜asp:TextBox ID="TextBox1" runat="server" Text='＜%# Bind("AlbumName") %＞'＞＜/asp:TextBox＞
  　　　　＜asp:RequiredFieldValidator ControlToValidate="TextBox1" ErrorMessage="AlbumName cannot be empty" ID="RequiredFieldValidator1" Display="Dynamic" runat="server"＞*＜/asp:RequiredFieldValidator＞
  　　　＜/EditItemTemplate＞
  　　＜/asp:TemplateField＞
  　　……
  　　＜/asp:GridView＞＜br /＞
  　　＜asp:ValidationSummary ID="ValidationSummary1" runat="server" /＞
  　　＜asp:ObjectDataSource ID="ObjectDataSource1" runat="server" ConvertNullToDBNull="true"
  TypeName="DataComponentTableAdapters.AlbumsTableAdapter" SelectMethod="GetAlbumsByOwner" UpdateMethod="Update" OldValuesParameterFormatString="original_{0}"＞
  　　……
  ＜/asp:ObjectDataSource＞

  　　TemplateField的另外一种用途是定制给GridView或DetailsView列/字段输入值的控件。例如，你可以在TemplateField的EditItemTemplate中放置一个DropDownList，允许用户从预定义的值列表中选择。下面的例子演示了这种技术。请注意，示例中的下拉列表绑定到了自己的数据源控件，以动态地获取列表值。

  ＜asp:TemplateField HeaderText="Owner" SortExpression="Owner"＞
  　＜ItemTemplate＞
  　　＜asp:Label ID="Label2" runat="server" Text='＜%# Eval("Owner") %＞'＞＜/asp:Label＞
  　＜/ItemTemplate＞
  　＜EditItemTemplate＞
  　　＜asp:DropDownList DataSourceID="ObjectDataSource2" DataTextField="Owner" DataValueField="Owner" ID="DropDownList2" runat="server" SelectedValue='＜%# Bind("Owner") %＞'＞
  　　＜/asp:DropDownList＞
  　＜/EditItemTemplate＞
  　＜ItemStyle Wrap="False" /＞
  ＜/asp:TemplateField＞

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1607338