在ASP.NET 2.0中如何使用FormView模板

這篇文章將為大家詳細講解有關在ASP.NET 2.0中如何使用FormView模板，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

　　跟DetailsView不同，FormView并不是由那些雜七雜八的列所組成的。你不能給一個FormView添加BoundField或是TemplateField，不過FormView是使用模板來呈現的。我們可以這樣來理解FormView，把它當作只含有一個TemplateField的DetailsView控件。FormView支持以下這些模板：

· ItemTemplate – 用于在FormView種呈現一個特殊的記錄

· HeaderTemplate – 用于指定一個可選的頁眉行

· FooterTemplate –用于指定一個可選的頁腳行

· EmptyDataTemplate – 當FormView的DataSource缺少記錄的時候，EmptyDataTemplate將會代替

ItemTemplate來生成控件的標記語言

· PagerTemplate – 如果FormView啟用了分頁的話，這個模板可以用于自定義分頁的界面

· EditItemTemplate / InsertItemTemplate – 如果FormView支持編輯或插入功能，那么這兩種模板可以用于自定義相關的界面

　　在本節教程中，我們將解釋如何使用FormView控件來為產品呈現一個不規則的外觀。FormView的ItemTemplate將會使用一個頁眉元素和<table>的結合體來顯示名稱、分類、供應商等等的值，而不是使用各種各樣的列（如圖一所示）。

圖一：FormView打破了DetailsView的那種格子一樣外觀

第一步：將數據綁定到FormView

 打開FormView.aspx頁面，并從工具箱中拖一個FormView到設計器中。FormView剛剛添加到頁面上時，它就是一個灰色的方塊，這就告訴我們它需要一個ItemTemplate。

圖二：FormView在添加一個ItemTemplate之前是不會在設計器中呈現出來的

　　可以手工編寫代碼（在源視圖中）來添加ItemTemplate，也可以通過在設計器中將FormView綁定到一個數據源控件上來實現自動添加。這個自動生成的ItemTemplate包含了用于顯示各字段的名稱的HTML代碼，還有用于顯示各字段的值的Label控件，當然了，這些Label控件的Text屬性都已經綁定到了各相應的字段上。這個操作也同時生成了InsertItemTemplate和EditItemTemplate，它們為數據源控件的每一個字段都呈現了一個輸入控件。

　　如果你想要自動生成模板，首先應該使用ProductsBLL類的GetProducts()方法來給FormView添加一個ObjectDataSource控件，通過FormView的智能標簽你就可以做到上面的這個操作。這樣就可以創建一個帶有ItemTemplate、InsertItemTemplate和EditItemTemplate的FormView了。在源視圖中，刪除InsertItemTemplate和EditItemTemplate，因為我們現在對創建一個可編輯和可插入的FormView并不感興趣。然后，清空ItemTemplate中的標記語言代碼，這樣我才可以工作于一個干凈的環境上。

　　如果你喜歡手工建立ItemTemplate，你可以從工具箱中拖一個ObjectDataSource到設計器中并配置它，這里可不要在設計器中為FormView添加數據源。我們應該到源視圖中手工的將ForView的DataSourceID屬性設置為ObjectDataSource的ID，然后再手工添加ItemTemplate。不管你決定使用哪種方式，反正最后你的FormView的聲明標記代碼應該像下面這個樣子：

<asp:FormView ID="FormView1" runat="server" DataSourceID="ObjectDataSource1">
  <ItemTemplate>

  </ItemTemplate>
</asp:FormView>

　　花點兒時間到FormView的智能標簽中勾上“啟用分頁（Enable Paging）”復選框，這樣可以在FormView的聲明標記代碼中加上AllowPaging="True"這么一個屬性（attribute）。另外，把EnableViewState屬性設置為false。

第二步：定義ItemTemplate的標記代碼（MarkUp）

　　在將FormView綁定到ObjectDataSource控件并且將其配置為支持分頁之后，我們就準備指定ItemTemplate的內容了。在本教程中，讓我們將產品名稱顯示在一個<h4>中。跟著讓我們使用<table>將余下的產品屬性顯示在一個四列的表中，其中第一列和第三列用于顯示產品屬性的名稱，第二列和第四列用于顯示產品屬性的值。

　　在設計器中通過FormView的模板編輯界面或是在源視圖中手工輸入代碼都可以添加上面所說的這些標記代碼。使用模板的時候，我發現直接在源視圖中編代碼會來得比較快，不過你可以使用任何一種讓你覺得夠爽的方式。下面的聲明標記代碼展示了FormView在完成了ItemTemplate的結構之后所應該有的樣子：

<asp:FormView ID="FormView1" runat="server" DataSourceID="ObjectDataSource1"
  AllowPaging="True" EnableViewState="False">
  <ItemTemplate>
    <hr />
    <h4><%# Eval("ProductName") %></h4>
    <table border="0">
      <tr>
        <td class="ProductPropertyLabel">Category:</td>
        <td class="ProductPropertyValue">
         <%# Eval("CategoryName") %></td>
        <td class="ProductPropertyLabel">Supplier:</td>
        <td class="ProductPropertyValue">
         <%# Eval("SupplierName")%></td>
      </tr>
      <tr>
        <td class="ProductPropertyLabel">Price:</td>
        <td class="ProductPropertyValue"><%# Eval("UnitPrice",
         "{0:C}") %></td>
        <td class="ProductPropertyLabel">Units In Stock:</td>
        <td class="ProductPropertyValue">
         <%# Eval("UnitsInStock")%></td>
      </tr>
      <tr>
        <td class="ProductPropertyLabel">Units On Order:</td>
        <td class="ProductPropertyValue">
         <%# Eval("UnitsOnOrder") %></td>
        <td class="ProductPropertyLabel">Reorder Level:</td>
        <td class="ProductPropertyValue">
         <%# Eval("ReorderLevel")%></td>
      </tr>
      <tr>
        <td class="ProductPropertyLabel">Qty/Unit</td>
        <td class="ProductPropertyValue">
         <%# Eval("QuantityPerUnit") %></td>
        <td class="ProductPropertyLabel">Discontinued:</td>
        <td class="ProductPropertyValue">
          <asp:CheckBox runat="server" Enabled="false"
           Checked='<%# Eval("Discontinued") %>' />
        </td>
      </tr>
    </table>
    <hr />
  </ItemTemplate>
</asp:FormView>

　　注意這個數據綁定語法——以<%# Eval("ProductName") %>為例——可以直接插入到模板的輸出中。那是因為它沒有必要綁定到一個Label控件的Text屬性上。舉個例子，比如我們要將ProductName的值使用<h4><%# Eval("ProductName") %></h4>來顯示在一個<h4>元素中，那么產品“Chai”將被輸出為<h4>Chai</h4>。

　　CSS類ProductPropertyLabel和ProductPropertyValue用于指定<table>中的產品屬性的名稱和值的樣式。這些CSS類定義在Styles.css中，它們使產品屬性的名稱粗體顯示并且右對齊，它們還給產品屬性的值加上一個右填充。

　　由于FormView沒有CheckBoxField，要將Discontinued的值顯示為一個CheckBox的話，我們就必須自己添加一個CheckBox控件。將這個CheckBox控件的Enabled屬性設置為false以使其只讀，并將其Checked屬性綁定到Discontinued字段上去。

　　完成了ItemTemplate之后，產品信息就以一種更加不規則的方式來顯示了。來比較一下上一節中的DetailsView的輸出（圖三）和本節所討論的FormView的輸出（圖四）。

圖三：生硬的DetailsView輸出

關于在ASP.NET 2.0中如何使用FormView模板就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。