解決 GridView 模板列中 HiddenField 與 LiteralControl 導致的型別轉換錯誤

問題情境

在 GridView 的 EditItemTemplate 中放置 HiddenField 與 DropDownList 兩個控制項，嘗試透過 Cells[2].Controls[1] 取得下拉選單時，卻拋出「無法將型別 'System.Web.UI.LiteralControl' 轉換為 'System.Web.UI.WebControls.DropDownList'」的錯誤。

根本原因

ASP.NET 在解析模板時，會將標記之間的空白字元 (換行、縮排、空格) 視為 LiteralControl 並加入 Controls 集合。因此 Controls[0] 實際上是第一個空白字元，Controls[1] 才是 HiddenField，導致索引位移。

解決方案

方法一：移除模板標記間的空白

將 EditItemTemplate 內容壓縮為單行，消除空白字元：

<asp:TemplateField HeaderText="所屬單位">
  <EditItemTemplate><asp:HiddenField ID="HDFxz" runat="server" Value='<%#Bind("所屬單位") %>' /><asp:DropDownList ID="DDLxz" runat="server" /></EditItemTemplate>
  <ItemTemplate>
    <asp:Label ID="Label1" runat="server" Text='<%# return2dwNAME(Eval("所屬單位").ToString()) %>'></asp:Label>
  </ItemTemplate>
</asp:TemplateField>

方法二：使用 FindControl 安全取得控制項 (推薦)

避免依賴索引位置，改用 FindControl 依 ID 取得：

protected void GVData_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
    GridViewRow row = GVData.Rows[e.RowIndex];
    DropDownList ddl = (DropDownList)row.FindControl("DDLxz");
    if (ddl != null)
    {
        string dwid = ddl.SelectedValue;
        // 後續邏輯...
    }
}

補充說明

• LiteralControl 代表任何不需伺服器端處理的純文字內容 (包含空白)。
• Cells 代表資料列的欄位集合；Controls 代表該欄位內的子控制項集合。
• 採用 FindControl 可大幅提升程式碼的健壯性與可維護性。