В любом случае, чтобы использовать JQuery UI вкладки Spinner с методами страницы?

Question

Я использую вкладки Jquery ui с веб-формами asp.net и загружаю контент с помощью ajax.У меня на самом деле две проблемы

1. Я не знаю, как загрузить содержимое для загрузки первой вкладки.Прямо сейчас я использую tabsselect для загрузки контента через ajax.

   $ ('# contentHolder'). Bind ("tabsselect", function (event, ui) {// выполнить запрос ajax});

2. Кажется, что встроенное управление вращением работает только тогда, когда я использую реальные пути для href.Но так как я должен использовать методы страницы, мне нужно вместо этого использовать идентификатор.

• Один
• Два
• Три

// ajax-запрос к методу страницы $ .ajax ...

Обновленный код

 // tab initializaztion
        var $tabs = $('#followersTable').tabs({ spinner: 'Loading...'  });

        $tabs.bind("tabsselect", function(event, ui) {
            //LoadTabContent(ui.index);
              var request = {
                'controlName': 'FollowersTab'
              };

            $(this).tabs({
                ajaxOptions: {
                    type: "POST",
                    url: "ajax/Followers.aspx/LoadTabContent",
                    data: $.toJSON(request),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        $(container).html(data.d);                                      
                    },
                    error: function () {
                    }
                }
            })
        });

Answer 1

Для вашего первого вопроса: $("your-tabs-selector-here").tabs( "load" , 0 ); это заставит первую вкладку вашей вкладки загружаться через ajax.

Если я не ошибся;Вы можете использовать [WebMethod] для методов своей страницы и комбинировать методы своей страницы с вкладками пользовательского интерфейса ajaxOptions.Вы можете поиграть с ajaxOptions для типа возвращаемого значения и / или имени метода ..etc

$( "your-tabs-selector-here" ).tabs({
            ajaxOptions: {
                         type: "POST",
                          url: "Default.aspx/PageMethodName",
                          data: "{}",
                          contentType: "application/json; charset=utf-8",
                           dataType: "json"
            }
        });