Gridview 編輯模式 - 下拉列表不顯示空白值

Question

我有一個下拉列表“國家”、“城市”文本框和一個“添加”按鈕。 國家下拉菜單不是強制性的，所以我可以添加一個沒有國家的城市，在 gridview 中添加一個空的“國家”就可以了。 當我在 gridview 中單擊“編輯”時出現問題，它會將其綁定到列表中的第一個國家/地區，而不僅僅是顯示空白：

  <asp:DropDownList ID="DDLCountry" runat="server" AutoPostBack="true" AppendDataBoundItems="true" OnSelectedIndexChanged="DDLCountry_SelectedIndexChanged" InitialValue="">
 <asp:ListItem Text="------------------------ Select ------------------------" Value="" />
 </asp:DropDownList>
                                    
  <asp:TextBox ID="txtCity" runat="server"></asp:TextBox>

 <asp:Button ID="btnNewLList" runat="server" OnClick="btnNewLList_Click" Text="Add new Country"/>
<asp:GridView ID="gvAddNewCountry" runat="server" AutoGenerateColumns="False" DataKeyNames="ID" OnRowCommand="gvAddNewCountry_RowCommand" OnRowDeleting="gvAddNewCountry_RowDeleting" OnRowDataBound="gvAddNewCountry_RowDataBound" OnRowUpdating="gvAddNewCountry_RowUpdating" OnRowEditing="gvAddNewCountry_RowEditing" OnRowCancelingEdit="gvAddNewCountry_RowCancelingEdit" ShowHeaderWhenEmpty="True">
             <EmptyDataTemplate>
                              No Data
              </EmptyDataTemplate>
                     <Columns>
             <asp:TemplateField HeaderText="Actions">
                    <ItemTemplate>
                                                
  <asp:Button ID="btnEdit" runat="server" Text="Edit"/>
              </ItemTemplate>
                    </asp:TemplateField>
                       <asp:CommandField ButtonType="Button" ShowEditButton="true" ShowCancelButton="true">
                                  
                     </asp:CommandField>
                                          
                <asp:TemplateField HeaderText="Country>
                  <ItemTemplate>
                        <asp:Label ID="lblCountry" runat="server"  Text='<% #Eval("Country") %>'></asp:Label>
                   </ItemTemplate>
                <EditItemTemplate>
                      <asp:DropDownList ID="DDCountry" runat="server" AppendDataBoundItems="True" AutoPostBack="false"></asp:DropDownList>
                 </EditItemTemplate>
               </asp:TemplateField>

后面的代碼：

 Protected Sub gvAddNewCountry_RowCommand(sender As Object, e As GridViewCommandEventArgs)
  

    If e.CommandName = "Edit" Then
        Dim rowCountryToEdit As Integer = e.CommandArgument

        Dim ddListCountry As DropDownList = (CType(gvAddNewCountry.Rows(CInt(e.CommandArgument)).FindControl("DDCountry"), DropDownList))

            ddListCountry.DataSource = (From x In Country Where x.Domain = "lCountry" Order By x.Description Select x).ToList()
            ddListCountry.DataTextField = "Description"
            ddListCountry.DataValueField = "ID"
            ddListCountry.DataBind()
     End If
End Sub
      

謝謝你的幫助X

Answer 1

好的，所以當您在 gv 行中有/想要一個 ddl 時？

我們需要兩個步驟。

第一步：加載 dll 的選擇列表

第二步：將 ddl 設置為當前行值，如果 null 當前行還沒有值，則設置為空白（沒有選擇）。 這也意味着我們必須獲取/獲取 dll 的當前行值，並設置 ddl 以反映此現有選擇。

所以，這是一個兩步的過程。

我們通常用於此的“事件”是行綁定事件。 （來自 listview、gridview 等的所有此類控件都有此事件）。

此外，一個非常好的幫助提示？ 在數據綁定事件期間（但僅在期間），您可以完全使用數據源中的所有列 - 甚至列不在 gv 中！

我沒有您擁有的實體數據庫首先設置，但讓我們加載一個帶有組合框的 gv：

所以，我們的gv：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
    CssClass="table table-hover" Width="50%"
    DataKeyNames="ID">
    <Columns>
        <asp:BoundField DataField="FirstName" HeaderText="First Name" />
        <asp:BoundField DataField="LastName" HeaderText="First Name" />
        <asp:BoundField DataField="HotelName" HeaderText="Hotel Name" />
        <asp:BoundField DataField="City" HeaderText="City" />
        <asp:BoundField DataField="Description" HeaderText="Descripiton" />
        <asp:TemplateField HeaderText="Rating">
            <ItemTemplate>
                <asp:DropDownList ID="cboRating" runat="server"
                    DataTextField="Rating"
                    DataValueField="ID">
                </asp:DropDownList>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

我們要填寫的代碼是這樣的：

Dim rstRating As New DataTable
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    If Not IsPostBack Then
        LoadGrid()
    End If
End Sub

Sub LoadGrid()
    ' get data for rating combo
    rstRating = MyRst("SELECT ID, Rating FROM tblRating ORDER BY ID")

    ' get data for grid
    GridView1.DataSource = MyRst("SELECT * FROM tblHotelsA ORDER BY HotelName")
    GridView1.DataBind()

End Sub


Public Function MyRst(strSQL As String) As DataTable

    Dim rstData As New DataTable
    Using conn As New SqlConnection(My.Settings.TEST4)
        Using cmdSQL As New SqlCommand(strSQL, conn)
            conn.Open()
            rstData.Load(cmdSQL.ExecuteReader)
        End Using
    End Using
    Return rstData
End Function

注意上面非常小心，我創建了一個名為 rstRating 的頁面范圍（類范圍）數據表。 這將在數據綁定后將 go 從 scope 中取出，但我們只需要它在 gv 數據綁定操作期間持續存在（因為對於 gv 的每一行，我們不想一遍又一遍地運行該查詢 - 我們需要同樣的dll 的選擇列表）。

好的，所以現在我們看到/得到這個：

我們唯一需要的部分是加載 dll，並為每一行設置它。 我們使用 RowDataBound 事件。

所以，代碼是這樣的：

Protected Sub GridView1_RowDataBound(sender As Object, e As GridViewRowEventArgs) Handles GridView1.RowDataBound

    ' bind drop down for each row
    If e.Row.RowType = DataControlRowType.DataRow Then
        ' get combo
        Dim rDrop As DropDownList = e.Row.FindControl("cboRating")
        rDrop.DataSource = rstRating
        rDrop.DataBind()
        rDrop.Items.Insert(0, New ListItem("Please Select", "0"))

        ' now get current row vallue for rating.
        Dim gData As DataRowView = e.Row.DataItem
        If IsDBNull(gData("Rating")) = False Then
            rDrop.Text = gData("Rating")
        End If
    End If

End Sub

因此，對於每一行，獲取 dll。

對於該行，加載選項

然后對於該行，將 ddl 設置為當前行值（但檢查 null，不要設置 - 然后它將顯示我們的“選擇”選擇值。