ASP.NET Web Forms 4.0简介

3.为购物车 ListView 的子元素启用 Predictable ClientId 模式。为此，将当前包含在 ShoppingCartItemLists ListView 中的 Quantity 和 TotalPrice asp:Labels 定义替换为以下突出显示 的代码。

注意：这些标签将作为 div 显示给客户端，各个 div 与购物车中的项目一一对应。例 如，Quantity 标签的 ClientId 将类似于“ctrl0_Quantity_12”，其中 12 是 ProductId 而 ctrl0 是父控件 id。

ASP.NET

<asp:ListView　 ID="ShoppingCartItemsLists"　runat="server"　ClientIDMode="Static"　 ClientIDRowSuffix="ProductId">
<ItemTemplate>
<asp:Panel　 ID="ShoppingCartItem"　ClientIDMode="Static"　runat="server">
<div　 class="productColumn">
<asp:Label　ID="Quantity"　ClientIDMode="Predictable"　 runat="server">
<%#Eval("ProductName")%>&nbsp;(<%#Eval("Quantity")% >)</asp:Label>
</div>
<div　class="priceColumn">
<asp:Label　ID="TotalPrice"　ClientIDMode="Predictable"　runat="server">
<%# 　string.Format(System.Globalization.CultureInfo.CurrentUICulture,　"{0:c}",　Eval ("TotalPrice"))%></asp:Label>
</div>
</asp:Panel>
</ItemTemplate>
</asp:ListView>

任务 3 –为 ASP.NET 控 件分配继承 ClientID

在本任务中，您将为包含在购物车中的 Panel 服务器控件分配 Inherit ClientID 模式。这将允许控件从实现了 INamingContainer 接口的第一个父服务器控件（在本例中为 ShoppingCart 用户控件）继承 ClientIdMode。

注意：INamingContainer 接口标识一个容器控件，该控件在 Page 对象的控件层次结构中创建一个新 ID 命名空间。任何实现了此接口的控件都将创建一个新的命名空间，其中所有子控件 ID 属性在整个应 用程序中都必须是唯一的。这仅仅是一个标记接口。

有关更多信息，请参见 INamingContainer 接口。

1.定义父 ShoppingCart 用户控件的 ClientIDMode，它将由子 Panel 服务器控件继承。 为此，在 Source 模式下打开 UI.Master 页面，并将当前的 ShoppingCart1 用户控件定义替换为以下突 出显示的代码。

ASP.NET

...
<uc1:ShoppingCart　ID="ShoppingCart1"　 runat="server"　ClientIDMode="Static"　/>
...

注意：如果未设置 ClientIDMode，那么它的所有子控件都继承自默认的 ClientIDMode，即　 Legacy。

2.在子 Panel 服务器控件中启用 Inherit ClientId 模式。为此，在 Source 模式下打开 ShoppingCart.ascx， 并将当前的 ShopCartExpandedNonEmpty asp:Panel 定义替换为以下突出显示的代码。

ASP.NET

...
<asp:Panel　ID="ShopCartExpandedNonEmpty"　 ClientIDMode="Inherit"　runat="server">
<p　class="items">
<span>Your　cart　items:</span>
</p>
...

注意：还 可以采用另外两种方法来设置 ClientIdMode：

- At Page level:

为当前页面中的所有控 件定义默认 ClientIdMode。例如：

<%@　Page　Language="C#"　 AutoEventWireup="true"　Cod