關於DataGrid Web控件的熱門問題__連載之六

- 中國WEB開發者網絡 (http://www.webasp.net)
-- 技術教程 (http://www.webasp.net/article/)
--- 關於DataGrid Web控件的熱門問題__連載之六 (http://www.webasp.net/article/18/17438.htm)

-- 作者：未知
-- 發佈日期： 2005-04-12

編輯模式下顯示一個Drop-Down List
這裡將提供給用戶的一個常用需求——一個某行處於編輯狀態下的Drop-Down List。舉例來說，一個DataGrid可能顯示一個書籍清單，其中包括每本書的類別，當用戶編輯一條書籍記錄時，可能要為該書指定一個不同的類別，理想情況下，他們可以從Drop-Down List中選擇可能的類別值，比如「小說」、「生物」或者「參考書目」。
顯示一個Drop-Down List需要在DataGrid中設定一個模板列。典型的情況是：項模板包含了一個控件，比如一個數據綁定的Label控件來顯示記錄中某個字段的當前值。然後，向編輯項模板中添加一個Drop-Down List，在VS中，你可以通過DataGrid的屬性生成器添加一個模板列，然後通過「編輯模板」移除編輯項模板中默認的TextBox控件，並拖入一個Drop-Down List控件，你還可以在HTML視圖下添加模板列。
在創建了含有Drop-Down List的模板列後還有兩個任務：首先，要產生一個列表，其次要設定列表中的預選項。舉例來說，如果本書的類別設為「小說」，當Drop-Down List顯示時，往往需要「小說」是預選的（預選一個項並不是在所有情況下都要討論的問題）。
可以有多種生成Drop-Down List的方法。下面的幾個例子說明了三種方式：使用靜態項；使用DataSet中的記錄集合；使用DataReader直接從數據庫中讀取信息。
l         靜態項：在Drop-Down List中顯示靜態項不需要綁定數據到控件。你可以很簡單地在控件的項集合中定義項。在VS中，可以通過屬性窗口中的Items屬性觸發項集合編輯器，也可以在HTML視圖中編輯項。
下面是一個顯示模式下顯示類別的模板列和編輯模式下類別的靜態列表的完整定義。項模板包含了一個Label控件，其Text屬性被設置為當前記錄的「genre」（類別）字段，編輯項模板中的靜態項定義高亮顯示。
<asp:TemplateColumn HeaderText="genre">
    <ItemTemplate>
      <asp:Label id=Label4 runat="server"
         Text=』<%# DataBinder.Eval(Container, "DataItem.genre") %>』>
      </asp:Label>
    </ItemTemplate>
    <EditItemTemplate>
      <asp:DropDownList id="DropDownList2" runat="server" Width="172px">
         <asp:ListItem Value="fiction">fiction</asp:ListItem>
         <asp:ListItem Value="biography">biography</asp:ListItem>
         <asp:ListItem Value="reference">reference</asp:ListItem>
      </asp:DropDownList>
    </EditItemTemplate>
</asp:TemplateColumn>
l         DataSet
如果你想要在Drop-Down List中顯示的數據處於一個DataSet裡，那麼你可以採用通用的數據綁定方式。下面是它的聲明語法。Drop-Down List綁定了數據集DsBooks1中的類別表。數據綁定的設置高亮顯示。
<asp:TemplateColumn HeaderText="genre (dataset)">
    <ItemTemplate>
      <asp:Label id=Label3 runat="server"
          Text=』<%# DataBinder.Eval(Container, "DataItem.genre") %>』>
      </asp:Label>
    </ItemTemplate>
    <EditItemTemplate>
      <asp:DropDownList id=DropDownList4 runat="server"
         DataSource="<%# DsBooks1 %>" DataMember="Genre"
         DataTextField="genre" DataValueField="genre" Width="160px">
       </asp:DropDownList>
    </EditItemTemplate>
</asp:TemplateColumn>
l         DataReader
你也可以直接從數據庫生成Drop-Down List。這種方式更為複雜但效率也更高。原因在於只有在需要的時候才去讀數據庫。
實現的一個相當簡便的方法是利用WEB窗體數據綁定表達式。儘管最常用的是在數據綁定表達式中調用DataBinder.Eval 方法，但事實上你可以使用該頁任何可用的public成員。下面的例子告訴你如何創建一個函數來創建、填充以及返回一個DataTable對象，Drop-Down List可以對它進行綁定。
這種情況下，你需要能夠執行一個能得到你需要的記錄集的數據命令。比如說，你可能需要定義一個Command，並把它的CommandText屬性設為「SELECT * FROM Genres」。為了簡化例子，假設在頁面中已經有了一個Connection對像和一個Command對象。
由創建頁面中的一個共有函數開始。這個函數創建了一個DataTable對象並定義了你需要的列集合。然後打開連接，執行Command命令來返回一個DataReader，並且遍歷DataReader，複製數據到DataTable，最後，將DataTable作為該函數的返回值返回。
下面說明了如何實現。該例中返回的DataTable中只有一列（「genre」）。通常只需要一個列來生成Drop-Down List。如果需要將其Text和Value設成不同的值，就需要兩個列。
public DataTable GetGenreTable()
{
    DataTable dtGenre = new DataTable();
    if(Application["GenreTable"] == null)
    {
      DataRow dr;
      DataColumn dc = new DataColumn("genre");
               dtGenre.Columns.Add(dc);
      this.sqlConnection1.Open();
      System.Data.SqlClient.SqlDataReader dreader =
          this.sqlCommand1.ExecuteReader();
      while(dreader.Read())
      {
          dr = dtGenre.NewRow();
         dr[0] = dreader[0];
         dtGenre.Rows.Add(dr);
      }
      this.sqlConnection1.Close();
     }
   else
   {
      dtGenre = (DataTable) Application["GenreTable"];
   }
   return dtGenre;
}
   注意：該函數將它創建的DataTable保存於Application態，由於這裡的DataTable就像一個靜態的查詢表，所以並不需要在每次一個不同行轉為編輯模式時都重新讀取它，而且，由於同一個DataTable可以被多用戶使用，可以將其保存在全局的Application態而不是保存在根據用戶不同而不同的Session態。
       下面是模板列的聲明，你會發現這與綁定DataSet中表的語法非常相似，唯一的真正區別就是數據源的綁定調用的是你自己的函數。這種技術的稍有不利之處在於，在VS中，得不到太多的設計類型服務。由於是通過代碼定義DataTable來綁定，VS不會提供任何方式來對DataMember、DataTextField和DataValueField屬性進行設置，需要你自己來確定這些屬性，使它們與你在代碼中創建的成員名字相匹配。
<asp:TemplateColumn HeaderText="genre (database)">
   <ItemTemplate>
      <asp:Label id=Label1 runat="server"
          Text=』<%# DataBinder.Eval(Container, "DataItem.genre") %>』>
      </asp:Label>
   </ItemTemplate>
   <EditItemTemplate>
      <asp:DropDownList id=DropDownList1 runat="server"
         DataSource="<%# GetGenreTable() %>"
         DataMember="Genre"
         DataTextField="genre"
         DataValueField="genre"
         Width="120px">
     </asp:DropDownList>
   </EditItemTemplate>
</asp:TemplateColumn>
（Unfinished）

webasp.net