ASP.NET 2.0中的数据操作之八：使用两个DropDownList过滤的主/从报表

下面我将详细讲解“ASP.NET 2.0中的数据操作之八：使用两个DropDownList过滤的主/从报表”攻略：

简介

在ASP.NET 2.0中，使用两个DropDownList过滤的主/从报表非常常见。这种形式的报表，允许用户通过选择主报表中的某个选项，从而动态变更从报表中的数据。本文将介绍如何使用两个DropDownList来过滤和呈现报表数据。

步骤

1. 准备数据

在运行我们的示例之前，我们需要准备一些数据。假设有两个表：产品和销售数据。产品表可以包含一组产品，包括产品ID和产品名称；销售数据表包含了销售的详细信息，每行都包含了一个产品ID，一个销售日期，还有销售数量。我们使用这两个表来创建数据源。

2. 创建两个DropDownList

现在我们需要创建两个DropDownList来选择我们想要看到的数据。一个DropDownList用于选择产品，一个DropDownList用于选择日期范围。我们可以使用下面的代码来创建DropDownList：

<asp:DropDownList ID="ddlProducts" runat="server"></asp:DropDownList>
<br />
<asp:DropDownList ID="ddlDates" runat="server"></asp:DropDownList>

我们需要在代码中添加产品和日期的选项，这样我们才能在网页上选择某一天和某一个产品。我们可以将这些选项添加到代码中：

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        // Load products
        ddlProducts.DataSource = GetProducts();
        ddlProducts.DataValueField = "ProductID";
        ddlProducts.DataTextField = "ProductName";
        ddlProducts.DataBind();

        // Load dates
        ddlDates.DataSource = GetDates();
        ddlDates.DataBind();
    }
}

private List<DateTime> GetDates()
{
    List<DateTime> dates = new List<DateTime>
    {
        new DateTime(2019, 1, 1),
        new DateTime(2019, 1, 2),
        new DateTime(2019, 1, 3),
        new DateTime(2019, 1, 4),
        new DateTime(2019, 1, 5),
    };

    return dates;
}

private List<Product> GetProducts()
{
    List<Product> products = new List<Product>
    {
        new Product { ProductID = 1, ProductName = "Product 1" },
        new Product { ProductID = 2, ProductName = "Product 2" },
        new Product { ProductID = 3, ProductName = "Product 3" },
        new Product { ProductID = 4, ProductName = "Product 4" },
        new Product { ProductID = 5, ProductName = "Product 5" },
    };

    return products;
}

public class Product
{
    public int ProductID { get; set; }
    public string ProductName { get; set; }
}

我们在Page_Load事件中绑定产品和日期选项，然后我们可以在代码中看到GetProducts()和GetDates()方法。产品的数据来源是一个列表，其中每个产品都有一个ID和一个名称。日期的数据来源是一个DateTime的列表，其中包含了几个随机日期。

3. 创建GridView和数据源

下一步，我们需要创建一个GridView来展示我们的数据，并使用SqlDataSource控件来获取和过滤我们的数据。在ASP.NET 2.0中，我们可以使用以下代码来创建SqlDataSource控件和GridView控件：

<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:connectionString %>"
        SelectCommand="SELECT * FROM Sales WHERE ProductID = @ProductID AND SaleDate = @SaleDate">
    <SelectParameters>
        <asp:ControlParameter ControlID="ddlProducts" Name="ProductID" PropertyName="SelectedValue" DefaultValue="1" />
        <asp:ControlParameter ControlID="ddlDates" Name="SaleDate" PropertyName="SelectedValue" DefaultValue="2019/1/1" />
    </SelectParameters>
</asp:SqlDataSource>

<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1"></asp:GridView>

在上面的代码中，我们使用SQL查询从Sales表中获取数据，并使用两个参数过滤数据：ProductID和SaleDate。这两个参数是从DropDownList控件中获取的。我们在ControlParameter控件中指定了这些参数，通过设置ControlID属性来指定DropDownList。

最后一个步骤就是创建这些属性的值。在这个例子中，我们使用默认值，分别是产品1和2019年1月1日。我们使用以下代码来验证我们的GridView控件和SqlDataSource控件是否工作：

<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1"></asp:GridView>

4. 完善细节

最后一步是完善细节，使我们的代码更加完整和健壮。您可以考虑以下问题：

• 当需要刷新数据时，我们需要重新绑定数据源。您可以在事件处理程序中刷新数据源，或者使用UpdatePanel控件自动刷新。
• 当用户未选择任何选项或选择的选项无效时，我们需要提供友好的错误消息。您可以使用Validation控件来验证用户的选择，并在必要时显示错误消息。
• 当用户选择某个选项后，我们想要Gridview自动更新。您可以将GridView包装在UpdatePanel中，并添加DropDownList的SelectedIndexChanged事件处理程序。

示例

以下是一个完整的示例，它使用两个DropDownList控件和GridView控件来演示如何根据自定义查询过滤数据。

<asp:DropDownList ID="ddlProducts" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlProducts_SelectedIndexChanged"></asp:DropDownList>

<asp:DropDownList ID="ddlDates" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlDates_SelectedIndexChanged"></asp:DropDownList>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:GridView ID="GridView1" runat="server">
        </asp:GridView>
    </ContentTemplate>
</asp:UpdatePanel>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"
    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
    SelectCommand="SELECT * FROM Sales WHERE ProductID = @ProductID AND SaleDate = @SaleDate">
    <SelectParameters>
        <asp:ControlParameter ControlID="ddlProducts" Name="ProductID" PropertyName="SelectedValue" DefaultValue="1" />
        <asp:ControlParameter ControlID="ddlDates" Name="SaleDate" PropertyName="SelectedValue" DefaultValue="2015/1/1" />
    </SelectParameters>
</asp:SqlDataSource>

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // Load products
        ddlProducts.DataSource = GetProducts();
        ddlProducts.DataTextField = "ProductName";
        ddlProducts.DataValueField = "ProductID";
        ddlProducts.DataBind();

        // Load dates
        ddlDates.DataSource = GetSaleDates();
        ddlDates.DataBind();
    }
}

private List<Product> GetProducts()
{
    List<Product> products = new List<Product>()
    {
        new Product { ProductID = 1, ProductName = "Product 1" },
        new Product { ProductID = 2, ProductName = "Product 2" },
        new Product { ProductID = 3, ProductName = "Product 3" }
    };

    return products;
}

private List<DateTime> GetSaleDates()
{
    List<DateTime> saleDates = new List<DateTime>()
    {
        new DateTime(2015, 1, 1),
        new DateTime(2015, 1, 2),
        new DateTime(2015, 1, 3),
        new DateTime(2015, 1, 4),
        new DateTime(2015, 1, 5),
        new DateTime(2015, 1, 6),
        new DateTime(2015, 1, 7)
    };

    return saleDates;
}

private void BindGrid()
{
    GridView1.DataSource = null;
    GridView1.DataSource = SqlDataSource1;
    GridView1.DataBind();
}

protected void ddlDates_SelectedIndexChanged(object sender, EventArgs e)
{
    BindGrid();
}

protected void ddlProducts_SelectedIndexChanged(object sender, EventArgs e)
{
    BindGrid();
}

public class Product
{
    public int ProductID { get; set; }
    public string ProductName { get; set; }
}

我们在Page_Load事件中绑定DropDownList控件，并在EventHandler中绑定GridView。我们将GridView包装在UpdatePanel中，以便当DropDownList控件的值更改时GridView可以自动刷新。

最后，我们使用SqlDataSource控件来获取和过滤销售数据。我们将这些参数绑定到DropDownList控件的SelectedValue属性，并在DefaultValue属性中设置默认值。一旦设置了这些值，我们就可以使用SqlDataSource控件来获取数据，并将其绑定到我们的GridView控件上。

这个样例中，当我们更改DropDownList中的值时，GridView就会自动更新，显示过滤的数据。这种方法非常简单，但实际上可以扩展到处理更复杂的数据过滤和分组需求。