如何在GridView中绑定下拉列表？

Question

我有一个GridView，每一行都包含一个下拉列表。我想动态绑定每个下拉列表。有人能告诉我如何做到吗？谢谢提前。

- Ram Singh

Answer 1

如果您正在使用模板列，则可以使用数据绑定表达式从标记中绑定下拉列表。例如，

<asp:TemplateField HeaderText="XYZ">
  <ItemTemplate>
    <asp:DropDownList runat="server" ID="MyDD" DataSourceId="MyDataSource" />
  </ItemTemplate> 
</asp:TemplateField>

假设您的下拉数据在各行之间保持不变。如果它是会变化的，那么您可以使用数据绑定表达式，例如：

<asp:DropDownList runat="server" DataSource='<%# GetDropDownData(Container) %>' DataTextField="Text" DataValueField="Value"  />

GetDropDownData将是后端保护方法，它将返回给定行的数据（数据表、列表、数组）。

您可以在后端使用GridView.RowDataBound事件（或RowCreated事件）来填充下拉菜单。例如，

  protected void GridView_RowDataBound(Object sender, GridViewRowEventArgs e)
  {

    if(e.Row.RowType == DataControlRowType.DataRow)
    {
      // Find the drop-down (say in 3rd column)
      var dd = e.Row.Cells[2].Controls[0] as DropDownList;
      if (null != dd) {
         // bind it
      }

      /*
      // In case of template fields, use FindControl
      dd = e.Row.Cells[2].FindControl("MyDD") as DropDownList;
      */
    }

  }

- VinayC

---

RowCreated事件怎么样？有没有理由更喜欢其中之一？ - Tim

@Tim，RowCreated也可以使用。但是，我认为如果您仅在第一次绑定网格（而不是在后续提交时）时，RowCreated肯定会在每个提交时触发，但不会触发RowDataBound（我在这里不确定100％）。因此，在这种情况下，我们可以依靠视图状态来填充下拉列表。就个人而言，我更喜欢标记路线。 - VinayC

假定您已经在您的代码中声明了SQL实例。如果您已经在代码后台绑定了网格视图，则需要有一个不同的解决方案，因为您将无法使用DataSourceId ="MyDataSource"。 - Coded Container

Answer 2

除了提出的方法，您还可以在标记中绑定控件，方法如下：

<asp:GridView ID="MyGrid" runat="server" DataSourceID="MyDataSource1">
    <Columns>
        <asp:TemplateField>
            <EditItemTemplate>
                <asp:DropDownList ID="DropDownList1" runat="server" SelectedValue='<%# Bind ("CustomerId") %>' DataSourceID="CustomersDataSource" DataTextField="CustomerName" DataValueField="CustomerId" >
                </asp:DropDownList>
            </EditItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

- Efran Cobisi

---

你能展示一下如何在ItemTemplate的标签中更新和显示吗？ - htm11h

Answer 3

这是您的网格视图。

<asp:GridView ID="grvExcelData" runat="server" onrowdatabound="GridView2_RowDataBound">
    <HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
      <Columns>
          <asp:TemplateField>
              <ItemTemplate>
                 <asp:DropDownList ID="DrdDatabase" Width="100px" runat="server">
                 </asp:DropDownList>
              </ItemTemplate>
          </asp:TemplateField>
      </Columns>
  </asp:GridView>

你的gridview的RowDataBound事件将会是这样的：

    protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e)
    {
       string cities = "maxico,chennai,newdelhi,hongkong";
       string [] arr = cities.Split(',');
    // Instead of string array it could be your data retrieved from database.
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            DropDownList ddl = (DropDownList)e.Row.FindControl("DrdDatabase");
            foreach (string colName in arr )
                ddl.Items.Add(new ListItem(colName));
        }
    }

- Chandan Kumar

---

这看起来不像是绑定到数据库，而是附加到一个城市数组上。如果用户更改下拉菜单，那么如何更新数据库？ - Coded Container

Answer 4

protected void gvSalesAppData_RowDataBound(Object sender, GridViewRowEventArgs e)

    {

        if (e.Row.RowType == DataControlRowType.DataRow)
        {

            DropDownList ddlCurrentPhase = (DropDownList)e.Row.FindControl("ddlCurrentPhase");
            DropDownList ddlProductFamily = (DropDownList)e.Row.FindControl("ddlProductFamily");
            DropDownList ddlProductGroup = (DropDownList)e.Row.FindControl("ddlProductGroup");
            DropDownList ddlETProgramManager = (DropDownList)e.Row.FindControl("ddlETProgramManager");
            DropDownList ddlPLMForTheProduct = (DropDownList)e.Row.FindControl("ddlPLMForTheProduct");

            TrackingToolObj.BindCurrentPhases(ddlCurrentPhase);
            TrackingToolObj.BindCurrentPhases(ddlProductFamily);
            TrackingToolObj.BindProductGroups(ddlProductGroup);
            TrackingToolObj.GetEmployeesBasedOnRoleTypeId(ddlETProgramManager, (int)OSAEnums.RoleTypes.ProgramManager, false);
            TrackingToolObj.GetEmployeesBasedOnRoleTypeId(ddlPLMForTheProduct, (int)OSAEnums.RoleTypes.PLM, false);


        }

    }

- SHAILESH DEV SAHU

Answer 5

绑定GridView

以下是将数据与GridView控件绑定的代码。

C#

protected void Page_Load(object sender, EventArgs e)
{
   if (!IsPostBack) 
   {
     this.BindData();   
   }
} 

private void BindData()
{
   string query = "SELECT top 10 * FROM Customers";    
   SqlCommand cmd = new SqlCommand(query);    
   gvCustomers.DataSource = GetData(cmd);    
   gvCustomers.DataBind(); 
}

private DataTable GetData(SqlCommand cmd)
{    
    string strConnString = ConfigurationManager.ConnectionStrings["conString"].ConnectionString;    
    using (SqlConnection con = new SqlConnection(strConnString))   
    {        
       using (SqlDataAdapter sda = new SqlDataAdapter())     
       {            
          cmd.Connection = con;            
          sda.SelectCommand = cmd;            
          using (DataTable dt = new DataTable())  
          {                
              sda.Fill(dt);                
              return dt;
          }     
       }   
    }
}

- rehu

---

请编辑您的答案并格式化代码以使其可读。 - kleopatra

说实话，那是一个愚蠢的做法。如果你在GridView中有500行，你会查询数据库500次吗？当我不得不这样做时，我会用数据集填充下拉列表中项目的数据，并且如上所示，在RowDataBound事件中将数据集绑定到下拉列表。 - Martin Smellworse