Verbleibende Bootstrap-Registerkarte nach dem Postback c #

9

Ich habe derzeit Probleme, die Bootstrap-Registerkarte nach meinem Dateiupload-Postback beizubehalten. Der Code ist wie folgt

%Vor%

Kann mir jemand erklären, wie man dieses Bootstrap nach dem Postback behält?

    
user3197980 15.01.2014, 12:05
quelle

4 Antworten

10

Nun, ich hatte dieses Problem bereits und habe es so gelöst:

  1. Fügen Sie auf Ihrer Seite ein neues HiddenField ein und legen Sie den Wert auf das erste tab fest, das angezeigt werden soll:

    %Vor%
  2. Bei jeder click -Funktion, die Sie zum Wechseln von tabs definiert haben, setzen Sie den HiddenField -Wert auf den tatsächlichen tab clicked.

    %Vor%
  3. Verwenden Sie in Ihrer Funktion jQuery document.ready den Wert HiddenField , um den letzten vor dem Postback geöffneten Tab zu wechseln.

    %Vor%

Hier ist die Bootstrap-Tab-Dokumentation und Hier ist die jQuery Ready-Dokumentation

    
aledpardo 15.01.2014, 12:22
quelle
2

Mit Bezug auf die obigen Ideen hier ist, wie ich es gemacht habe (voller Code enthalten)

Auf Ihrer HTML-Seite im & lt; Kopf & gt; Abschnitt put

%Vor%

in der & lt; Körper & gt; Abschnitt legte ein verstecktes Feld

%Vor%

und auch in der & lt; Körper & gt; Abschnitt haben den Bootstrap 3.0 verwandten Code

%Vor%

Setzen Sie keine Registerkarte auf aktiv (dies wird durch den initialen Wert="# tab1" von Hiddenfield festgelegt).

Fügen Sie dann eine Schaltfläche zum Tab2 DIV

hinzu

wie folgt:

%Vor%

Fügen Sie zuletzt Ihren c # -Code hinzu, um den Wert von hiddenfield

festzulegen %Vor%

Beim Zurücksetzen der JQuery wird der neue Wert im hiddenfield gelesen und tab2 angezeigt:)

Hoffe das hilft jemandem.

Trev.

    
FlashTrev 10.09.2015 18:41
quelle
2

Bitte versuchen Sie dies

%Vor%     
Vishal Kiri 21.10.2015 17:25
quelle
0

Nachdem ich ziemlich lange den Bootstrap-Tab ausprobiert habe, habe ich mich entschieden, in den jquery-Tab zu wechseln. An erster Stelle gibt jquery Tab auch das gleiche Problem, auf das ich in dieser Situation stoße. aber nach viel Mühe auf der Suche nach einer Lösung und dem Ausprobieren von Codes nach Codes.

Ich habe es geschafft, eine Lösung

Ich bin wirklich dankbar für die Person, die diese Lösung anbietet. In dieser Lösung verwendet es sessionStorage (für mich ist es ein neues Zeug, von dem ich noch nie gehört habe) &Ampere; Die Codes sind

%Vor%     
user3197980 31.01.2014 19:30
quelle

Tags und Links