[Solved] Post in TabsStrip

[Abdulmenan]

I am in situation where I need to use multiple tabs, each tab being a partial page and each one having  a post. what I need is, when a post occurs from the second tab, I want to make second tab selected when I render back form the post.

Thanks

Abdul

[Joshua Holt]

Hi Abdul,

The best thing idea i would have for this, is to have jQuery hande the post, and in the callback method of the post call:

 
function ShowTab(idx){
      var tabstrip = $("#TabStrip").data("tTabStrip"); //Change "TabStrip" for the name of your tab strip
      var item = $("li", tabstrip.element)[idx)];
      tabstrip.select(item);
}
Example: 

function DoPost(){
     $.post("somePostURL", //Put your post url here
     { arg1: "post", arg2:"data" },  //Load your post vars here
      function(data){
                        ShowTab(2);
                    },
     "json");
}

function ShowTab(idx){
     var tabstrip = $("#TabStrip").data("tTabStrip"); //Change "TabStrip" for the name of your tab strip
     var item = $("li", tabstrip.element)[idx)];
     tabstrip.select(item);
 }

Call the DoPost method from a click handler attached to your submit/save button. ( add your post args here too)

JQuery Post - Info about jQuery post

TabStrip Client API - Info about the TabStrips client API.

-Josh