ASP.NET 2.0 中实现模板中的数据绑定系列(2)
生活随笔
收集整理的這篇文章主要介紹了
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>??
??
?? 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>??
轉載于:https://www.cnblogs.com/duadu/archive/2007/05/13/6167071.html
總結
以上是生活随笔為你收集整理的ASP.NET 2.0 中实现模板中的数据绑定系列(2)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: DNF中关于抗魔值加成的提升有什么技巧?
- 下一篇: 北京环球影城过山车有限重吗