C# 为什么GridView不在asp:面板中显示数据

在我的

Default.aspx

页面中有以下内容（默认情况下，页面加载时会显示

状态

选项卡及其

内容

）：

加载页面时，

内容

仅显示

这是一个状态

，在

网格视图

中没有显示任何内容，但是如果我将

网格视图

从

内容

中取出并放在页面的其他任何位置，它将显示从SQL查询中检索到的数据

为什么会发生这种情况？我如何解决

调试器：

不确定从何处创建额外DIV：/

这是Jquery代码：

<script type="text/javascript">
        $(document).ready(function () {
            $("#content div").hide(); // Initially hide all content
            $("#tabs li:first").attr("id", "current"); // Activate first tab
            $("#content div:first").fadeIn(); // Show first tab content

            $('#tabs a').click(function (e) {
                e.preventDefault();
                $("#content div").hide(); //Hide all content
                $("#tabs li").attr("id", ""); //Reset id's
                $(this).parent().attr("id", "current"); // Activate this
                //$('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
                $($(this).attr('href')).fadeIn();
            });
        });
    </script>

$（文档）.ready（函数（）{
$（“#content div”）.hide（）；//最初隐藏所有内容
$（“#tabs li:first”）.attr（“id”，“current”）；//激活第一个选项卡
$（“#content div:first”）.fadeIn（）；//显示第一个选项卡内容
$（“#选项卡a”）。单击（功能（e）{
e、 预防默认值（）；
$（“#content div”）.hide（）；//隐藏所有内容
$（“#tabs li”）.attr（“id”，”；//重置id的
$（this）.parent（）.attr（“id”，“current”）；//激活此
//$（'#'+$（this.attr（'title'））.fadeIn（）；//显示当前选项卡的内容
$（$（this.attr（'href'））.fadeIn（）；
});
});

---

不确定JQuery从哪里来……

确保你有数据。要测试是否有数据，您没有看到显示的gridview的原因是因为jquery检查

$（“#content div:first”）.fadeIn（）

html会为gridview本身生成另一个
，而您的代码中没有选中它。因此，请按如下所示更改脚本。我添加了
$（“#content div:first”）.fadeIn（）
对这两个条件都适用

<script type="text/javascript">
    $(document).ready(function () {
        $("#content div").hide(); // Initially hide all content
        $("#tabs li:first").attr("id", "current"); // Activate first tab
        $("#content div:first").fadeIn(); // Show first tab content

        $("#content div div:first").fadeIn(); // New code to show the gridview

        $('#tabs a').click(function (e) {
            e.preventDefault();
            $("#content div").hide(); //Hide all content
            $("#tabs li").attr("id", ""); //Reset id's
            $(this).parent().attr("id", "current"); // Activate this
            //$('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
            $($(this).attr('href')).fadeIn();

            $("#content div div:first").fadeIn(); // New code to show the gridview
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#content div”）.hide（）；//最初隐藏所有内容
$（“#tabs li:first”）.attr（“id”，“current”）；//激活第一个选项卡
$（“#content div:first”）.fadeIn（）；//显示第一个选项卡内容
$（“#content div:first”）.fadeIn（）；//显示gridview的新代码
$（“#选项卡a”）。单击（功能（e）{
e、 预防默认值（）；
$（“#content div”）.hide（）；//隐藏所有内容
$（“#tabs li”）.attr（“id”，”；//重置id的
$（this）.parent（）.attr（“id”，“current”）；//激活此
//$（'#'+$（this.attr（'title'））.fadeIn（）；//显示当前选项卡的内容
$（$（this.attr（'href'））.fadeIn（）；
$（“#content div:first”）.fadeIn（）；//显示gridview的新代码
});
});

这将在页面加载时显示第一个带有gridview的选项卡，当您单击
状态
链接时再次显示。可能还有比这更复杂的解决方案，但这是我根据您的代码方法提出的。
您是否在后面的代码中设置了
tab1.Visible=false
？是否有任何jquery脚本或css使具有gridview的选项卡可见？这很奇怪，因为当我查看源代码时，正在添加一个DIV，并将其设置为
Display:none
。。。我已经更新了我的问题。我确实有数据，因为我可以在外面看到它。我想CSS会让DIV隐藏起来…：/尽管如此，我还是在你的密码里写上了。这并没有什么害处。通过JQuery隐藏或可见的设置导致GridView不显示？
<script type="text/javascript">
        $(document).ready(function () {
            $("#content div").hide(); // Initially hide all content
            $("#tabs li:first").attr("id", "current"); // Activate first tab
            $("#content div:first").fadeIn(); // Show first tab content

            $('#tabs a').click(function (e) {
                e.preventDefault();
                $("#content div").hide(); //Hide all content
                $("#tabs li").attr("id", ""); //Reset id's
                $(this).parent().attr("id", "current"); // Activate this
                //$('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
                $($(this).attr('href')).fadeIn();
            });
        });
    </script>

#content div // references your main panel and tab1 panel

<script type="text/javascript">
    $(document).ready(function () {
        $("#content div").hide(); // Initially hide all content
        $("#tabs li:first").attr("id", "current"); // Activate first tab
        $("#content div:first").fadeIn(); // Show first tab content

        $("#content div div:first").fadeIn(); // New code to show the gridview

        $('#tabs a').click(function (e) {
            e.preventDefault();
            $("#content div").hide(); //Hide all content
            $("#tabs li").attr("id", ""); //Reset id's
            $(this).parent().attr("id", "current"); // Activate this
            //$('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
            $($(this).attr('href')).fadeIn();

            $("#content div div:first").fadeIn(); // New code to show the gridview
        });
    });
</script>