ASP.NET 使用下拉菜单过滤 Gridview

Question

我有一个 Gridview，它使用下拉列表提供应用于 SQL 查询的值，该查询过滤适用的数据。问题是，当从列表中选择一个项目时，gridview 不会更新，DefaultValue 仍然作为过滤器。

我尝试了很多通过 Whosebug 看到的替代方法，比如直接绑定标记中的值，但还没有成功。

        <label for="City" class="control-label">Filter by City:</label>
        <div>
            <asp:DropDownList ID="CityDropdown" runat="server" Width="123px" >
                <asp:ListItem>Aberdeen</asp:ListItem>
                <asp:ListItem>Armagh</asp:ListItem>
                <asp:ListItem>Bangor</asp:ListItem>
                <asp:ListItem>Bath</asp:ListItem>
            </asp:DropDownList>
        </div>
        </div>
        <hr />

        <asp:Panel ID="PanelFoodbanks" runat="server">
            <asp:GridView ID="ListFoodbanks" runat="server" AutoGenerateColumns="False" AllowSorting="True" DataSourceID="SqlDataSource_FindCity" EmptyDataText="There are no data records to display." CssClass="table table-responsive" GridLines="None">
                <Columns>
                    <asp:BoundField DataField="Id" SortExpression="Id" ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden">
                        <HeaderStyle CssClass="hidden" />
                        <ItemStyle CssClass="hidden" />
                    </asp:BoundField>
                    <asp:BoundField DataField="Other Field" HeaderText="OF" SortExpression="Other Field" />
                    <asp:BoundField DataField="City" HeaderText="City" SortExpression="City" />
                </Columns>
            </asp:GridView>

            <asp:SqlDataSource ID="SqlDataSource_FindFoodbanks" runat="server" ConnectionString="<%$ ConnectionStrings:dbcon %>" SelectCommand="SELECT * FROM [Table] WHERE ([City] = @CityDropdown)">
                <SelectParameters>
                    <asp:Parameter Name="CityDropdown" DefaultValue="Aberdeen"/>
                </SelectParameters>
            </asp:SqlDataSource>

Preferably the gridview just update dynamically when a different value in the dropdown is selected, rather than having the need to press another button etc.

在此先感谢您的帮助或指点。

Answer 1

我认为您需要在 SQL 数据源中使用绑定到城市下拉列表控件的 ControlParameter：

<asp:SqlDataSource ID="SqlDataSource_FindFoodbanks" runat="server" ConnectionString="<%$ ConnectionStrings:dbcon %>" SelectCommand="SELECT * FROM [Table] WHERE ([City] = @CityDropdown)">
                    <SelectParameters>

        <asp:ControlParameter ControlID="CityDropdown" Name="CityDropdown"
                PropertyName="SelectedValue" />
                    </SelectParameters>
                </asp:SqlDataSource>

同时在下拉列表中添加 AutoPostBack="true"

    <asp:DropDownList ID="CityDropdown" AutoPostBack="true" runat="server" Width="123px" >

注意：我注意到在您的代码中 GridView 使用的是 DataSourceID SqlDataSource_FindCity 而不是 SqlDataSource_FindFoodbanks

ASP.NET 使用下拉菜单过滤 Gridview

ASP.NET Gridview filtering with Dropdowns

asp.net

gridview

webforms