C# JQuery选项卡控件：加载gridview

我得到了一个JQuery/CSS选项卡控件，它当前处理4个选项卡，其中包含GridView。 我希望在点击选项卡时加载gridview。这减少了页面的加载时间，因为gridview的一些存储过程需要一些时间。 GridView需要加载一次，而不必在每次打开特定选项卡时进行更新

JQuery：

$(document).ready(function() 
{ 
    //When page loads... 
    $(".tab_content").hide(); //Hide all content 
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab 
    $(".tab_content:first").show(); //Show first tab content 

    //On Click Event 
    $("ul.tabs li").click(function() 
    { 
        $("ul.tabs li").removeClass("active"); //Remove any "active" class 
        $(this).addClass("active"); //Add "active" class to selected tab 
        $(".tab_content").hide(); //Hide all tab content 

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content 
        $(activeTab).fadeIn(); //Fade in the active ID content 
        return false; 
    }); 
});

现在我刚开始使用JQuery，所以我真的不知道如何处理这个。。。

---

有人有什么想法吗？

如果你想在服务器上做任何事情，你需要一个更新面板，并使用u doPostBack强制回发，以便服务器可以处理请求。。。您也可以使用$.ajax来完成这项工作

否则，在客户机上完成这一切，将数据从web服务流式传输到客户机，并在客户机上构建表

---

嗯。

我也有类似的问题。我所做的是创建一个按钮来加载gridview，并在jquery选项卡的select事件中单击这些按钮。大概是这样的：

$("#tabs").tabs({
        select: function (event, ui) {
            switch (ui.index) {
                case 0:
                    $("#<%= btnOne.ClientID %>").click();
                    break;
                case 1:
                    $("#<%= btnTwo.ClientID %>").click();
                    break;
                case 2:
                    $("#<%= btnThree.ClientID %>").click();
                    break;
            }
        }
 });

$（“#选项卡”）.tabs({
选择：功能（事件、用户界面）{
开关（ui.index）{
案例0：
$（“#”）点击（）；
打破
案例1：
$（“#”）点击（）；
打破
案例2：
$（“#”）点击（）；
打破
}
}
});

好吧，我从来没有混合过这两个字段（JQuery和server），但您想尝试的是发出一个u doPostBack（“，”），这会填充通过Request.Form访问的u EVENTTARGET和u EVENTARGUMENT字段，因此您可以使用它们来确定在回发中填充哪个网格。用updatemode=“always”（应该是默认值）将选项卡/网格包装在一个大的更新面板中。哇，这真是太有创意了！谢谢关于按钮，您将其设置为

button.visible=false

？