无法根据下拉列表值和单选按钮值绑定数据

Question

我目前正在尝试根据下拉列表和单选按钮中的值加载我的网格视图。

但是，每当我添加代码以检查是否选中了单选按钮时，gridview 将不会加载任何数据。

起初我以为是 AutoPostBack 导致了问题，但是，在解决 AutoPostBack 问题后，我仍然无法根据单选按钮获取数据。每次我更改下拉列表值并更改单选按钮值时，都不会出现任何数据。

我目前正在使用 C#，我正在使用我的 gridview 作为数据表（一个 JQuery 插件）

这是我的示例代码

ASPX

<script src="Scripts/jquery-1.9.1.js"></script>
    <script src="Content/DataTables-1.10.12/media/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".gvv").prepend($("<thead></thead>").append($(".gvv").find("tr:first"))).dataTable();

            $(document).on("dblclick", ".gvv tbody tr", function () {
                var $this = $(this);
                var row = $this.closest("tr");
                row.find('td:eq(1)');
                var courseCode = row.find('td:first').text();

            });
        })

        function onPageLoad() {
            $(".gvv").prepend($("<thead></thead>").append($(".gvv").find("tr:first"))).dataTable();

            $(document).on("dblclick", ".gvv tbody tr", function () {
                var $this = $(this);
                var row = $this.closest("tr");
                row.find('td:eq(1)');
                var courseCode = row.find('td:first').text();
            });

        }

    </script>

<div class="row">
            <div class="col-lg-1">
            </div>

            <div class="form-group">
                <asp:Label ID="lblESTt" CssClass="col-lg-2 control-label" runat="server" Text="Test display: "></asp:Label>
                <div class="col-lg-3">
                    <asp:DropDownList ID="ddlTest" CssClass="form-control input-lg" runat="server" OnSelectedIndexChanged="ddlTest_SelectedIndexChanged" AutoPostBack="true">
                    </asp:DropDownList>
                </div>

            </div>
        </div>

        <div class="row" style="margin-top: 4%;">
            <div class="col-lg-5">
            </div>

            <div>
                <div class="btn-group" data-toggle="buttons">
                    <asp:RadioButton ID="currentOption" runat="server" Text="Current" CssClass="btn btn-primary active btn-lg" />
                    <asp:RadioButton ID="pastOption" runat="server" Text="Past" CssClass="btn btn-primary btn-lg" />
                </div>
            </div>
        </div>

        <div class="row" style="margin-top: 2%;">

            <div class="col-lg-1">
            </div>

            <div class="col-lg-10">
                <asp:GridView ID="gridView1" runat="server" CssClass="table table-striped table-bordered dataTable no-footer hover gvv" AutoGenerateColumns="False">
                    <Columns>
                        <asp:BoundField DataField="testA" />
                        <asp:BoundField DataField="testB" />
                        <asp:BoundField DataField="testC"  />
                    </Columns>
                </asp:GridView>
            </div>
        </div>

ASPX.CS

protected void ddlTest_SelectedIndexChanged(object sender, EventArgs e)
        {
           if (currentOption.Checked)
            {
                ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "onPageLoad();", true);
                loadCurrentData();
            }
            else
            {
                ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "onPageLoad();", true);
                loadPastData();
            }
        }

        protected void loadCurrentData()
        {
            gridView1.DataSource = retrieveBAL.retrieveCurrent(ddlTest.SelectedValue, DateTime.Now.Year);
            gridView1.DataBind();

        }

        protected void loadPastData()
        {
            gridView1.DataSource = retrieveBAL.retrievePast(ddlTest.SelectedValue, DateTime.Now.Year);
            gridView1.DataBind();

        }

更新

我尝试为我的单选按钮创建一个 oncheckedchange 事件，但是该事件并未触发。这是我尝试过的方法

ASPX

<div class="btn-group" data-toggle="buttons">
                <asp:RadioButton ID="currentOption" runat="server" Text="Current" Checked="true" CssClass="btn btn-primary active btn-lg" GroupName="currentPastOption" OnCheckedChanged="currentPastOption_CheckedChanged" AutoPostBack="true"/>
                <asp:RadioButton ID="pastOption" runat="server" Text="Past" CssClass="btn btn-primary btn-lg" GroupName="currentPastOption" OnCheckedChanged="currentPastOption_CheckedChanged" AutoPostBack="true"/>
            </div>

ASPX.CS

 protected void currentPastOption_CheckedChanged(Object sender, EventArgs e)
        {
            if (currentOption.Checked)
            {
                loadCurrentData();
            }
            else if (pastOption.Checked)
            {
                loadPastData();
            }

        }

Answer 1

尝试使用下面的单选按钮组代码。我已经删除了data-toggle="buttons"，它工作正常。

ASPX：

        <div class="btn-group">
            <asp:RadioButton ID="currentOption" runat="server" CssClass="btn btn-primary active btn-lg" Text="Current" GroupName="timeSelector" OnCheckedChanged="timeSelector_CheckedChanged" AutoPostBack="true" />
            <asp:RadioButton ID="pastOption" runat="server" CssClass="btn btn-primary active btn-lg" Text="Past" GroupName="timeSelector" OnCheckedChanged="timeSelector_CheckedChanged" AutoPostBack="true"/>
        </div>

ASPX.cs

protected void timeSelector_CheckedChanged(object sender, EventArgs e)
{
    if (currentOption.Checked)
    {              
        loadCurrentData();
    }
    else
    {
        loadPastData();
    }
}