c# - JQuery 选项卡控件 : load gridview

Question

我有一个 JQuery/CSS tabcontrol，目前处理 4 个选项卡，包含 gridviews。 当您点击选项卡时，我希望加载 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，所以我真的不知道如何处理这个... 任何想法？

Answer 1

我遇到了类似的问题。我所做的是创建一个按钮来加载 gridview，并在 jquery 选项卡的选择事件中单击这些按钮。像这样:

$("#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;
            }
        }
 });