JQuery tabcontrol: загрузить сетку

Question

Я получил JQuery / CSS tabcontrol, который в настоящее время обрабатывает 4 вкладки, содержащие gridviews. Я бы хотел, чтобы сетка загружалась, когда вы нажимаете на вкладки. Это сокращает время загрузки страницы, так как некоторые sprocs 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

У меня была похожая проблема. Я создал кнопку для загрузки вида сетки, и в событии select для вкладок 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;
            }
        }
 });

Answer 2

Если вы хотите сделать все на сервере, вам нужна панель обновлений и принудительная обратная передача с помощью __doPostBack, чтобы сервер мог обработать запрос ... Вы также можете использовать $ .ajax, чтобы сделать это как хорошо ...

В противном случае, сделайте все это на клиенте, передайте данные клиенту из веб-службы и создайте таблицу на клиенте.

НТН.