Question

我正在使用带有asp.net webforms的Jquery ui标签，我正在用ajax加载内容。我实际上有两个问题

我不知道如何加载第一个标签加载的内容。现在我使用tabsselect通过ajax加载内容。

$（'＃contentHolder'）。bind（“tabsselect”，function（event，ui）{ //运行ajax请求 }）;
当我使用href的实际路径时，spinner控件中的构建似乎才有效。但由于我必须使用pagemethods，我需要使用id。

一
两个
三

更新代码

 // 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]用于页面方法，并且可以将页面方法与UI选项卡ajaxOptions结合使用。您可以使用ajaxOptions来返回类型和/或方法名称..etc

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

无论如何使用jquery ui tabs spinner with pagemethods？

1 个答案: