Gridview 消失 jQuery ASP.NET

Question

我正在创建一个允许使用 ASP.NET 编辑数据库表的 Web 应用程序。

我拥有应用程序中的所有功能，并且一切正常。但是，现在规范已经改变，我需要多个 gridview 来显示不同的数据库表。所以，我实现了 jquery 和一个下拉菜单，它只会根据下拉菜单中选择的值显示某些 div。

这很好，我只根据我选择的值显示我想要的网格视图。虽然，当试图编辑 gridview 时，gridview 消失了；这只发生在实现 jquery 之后。

当我在下拉菜单中选择不同的选项然后选择我想要的选项时，我可以再次显示网格视图。

这很奇怪，因为编辑按钮不应该影响我在下拉菜单中选择的值。

有人可以帮忙吗？

jQuery:

<script type="text/javascript">
        $(document).ready(function () {
            $('.group').hide();
            $('#no_option_selected').show();
            $('#DropDownList1').change(function () {
                $('.group').hide();
                $('#' + $(this).val()).show();
            })
        });
</script>

Answer 1

在 .NET / C# 中做所有事情可能比在 ASP.NET / jQuery 混合中更容易。将下拉列表变成服务器控件并定义 OnSelectedIndexChanged。 （不要忘记将 Autopostback 设置为 True）

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" 
    OnSelectedIndexchanged="Gridview_ShowHide">
</asp:DropDownList>

然后在你的代码后面：

public void Gridview_ShowHide(Object o, EventArgs e) 
{
    gv1.Visible = gv2.Visible = gv3.Visible = gv4.Visible = false;
    switch (DropDownList1.SelectedValue)
    {
         case 'gv1':
              gv1.Visible = True;
              break;
         case 'gv2':
              gv2.Visible = True;
              break;
         case 'gv3':
              gv3.Visible = True
              break;
         case 'gv4':
              gv4.Visible = True;
              break;
    }
}

通过这样做，ASP.NET 的 ViewState 将跟踪哪个 gridview 可见和不可见，即使在回发之后也是如此。