How to stay in the same tab after done a action in a tab in tabstrip?

0 Answers 219 Views
TabStrip
G
Top achievements
Rank 1
G asked on 01 Apr 2022, 04:33 PM

Hi, I am using ASP Net Core UI in my web app. There is a tabstrip which contains 5 tabs. In each table I can edit/update contents. After I submit/save/update  in a tab, the tabstrip alway return to default selected tab. How to prevent that, so user always stay in the current tab after a action? I don't have ASP NET Ajax UI package.

Any suggestion?

thanks,

<div class="k-content">
    @(Html.Kendo().TabStrip()
          .Name("tabstrip")
          .Items(tabstrip =>
          {

              tabstrip.Add().Text("All Waitlist Courses")
               .Selected(true)
                           .LoadContentFrom("Index_ALLCRS", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Active Courses")
                          .LoadContentFrom("Index_AllCRS_Active", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Inactive Courses")
                           .LoadContentFrom("Index_AllCRS_Inactive", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Waitlist by Courses")
                        .LoadContentFrom("WaitlistByCourse", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Waitlist by Students")
                       .LoadContentFrom("WaitlistByStudent", "AdminWaitlistCRSByProfile");
              tabstrip.Add().Text("Test Grouping")
                      .LoadContentFrom("WaitlistByCourse_test", "AdminWaitlistCRSByProfile");

          })
    )
</div>

 

 

G
Top achievements
Rank 1
commented on 01 Apr 2022, 04:45 PM

I found there my problem was from: in ajax call I did a location.reload(); When I remove it everything is fine.

 

No answers yet. Maybe you can help?

Tags
TabStrip
Asked by
G
Top achievements
Rank 1
Share this question
or