Redirect auf eine bestimmte Registerkarte in Laravel

Ich habe eine index-Ansicht mit 5 tabs. Wenn ich auf Hardware tab, das ist, was ich sehe.

Redirect auf eine bestimmte Registerkarte in Laravel

Wenn Sie klicken Sie auf erstellen, dann starte ich diese Modalen

Redirect auf eine bestimmte Registerkarte in Laravel

Sobald ich senden, bekam ich eine Meldung, und alles ist Shop in Ordnung.

Redirect auf eine bestimmte Registerkarte in Laravel

Aber es mir direkt an meinem ersten tab.
Wie kann ich die Umleitung wieder zu meiner zweiten tab ?

- Store-Funktion

public function store() {

        $inputs = Input::all();
        unset($inputs['_token']);


        $cpe_mac = $inputs['mac1'].$inputs['mac2'].$inputs['mac3'].$inputs['mac4'].$inputs['mac5'].$inputs['mac6'];

        $cpe = [];

        $cpe['cpe_mac'] = $cpe_mac;
        $cpe['bandwidth_max_up'] = (int)$inputs['max_up'];
        $cpe['bandwidth_max_down'] = (int)$inputs['max_down'];

        $json = json_encode($cpe);

        $url = 'http://172.16.139.129:1234/vse/vcpe';
        $ch = curl_init($url);
        curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json'));
        curl_setopt($ch, CURLOPT_POSTFIELDS, $json);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        $result = curl_exec($ch);
        curl_close($ch);


        $result_json =  json_decode($result, true);

        $id = $inputs['account_id'];


        if ( $result_json['status'] == '200') {
        return Redirect::to('/account/'.$id.'/#hardware') ->with('success','The CPE was created succesfully!');
    } else {
        return Redirect::to('/account/'.$id.'/#hardware') ->with('error', $result_json['message']);
    }

    }

Tab.blade.php

<!-- Nav tabs -->
  <ul class="nav nav-tabs">
    <li class=""><a href="#details" data-toggle="tab"><strong>Details</strong></a></li>
    <li class=""><a href="#hardware" data-toggle="tab"><strong>Hardware(s)</strong></a></li>
    <li class=""><a href="#access-methods" data-toggle="tab"><strong>Access Methods</strong></a></li>
    <li class=""><a href="#linked-networks" data-toggle="tab"><strong>Linked Networks</strong></a></li>
    <li class=""><a href="#options" data-toggle="tab"><strong>Options</strong></a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content mb30">

    @include('account.show.details')
    @include('account.show.hardwares')
    @include('account.show.access-methods')
    @include('account.show.linked-networks')
    @include('account.show.options')

  </div>
  • werden diese Registerkarten von bootstrap-framework?
  • Speichern der zuletzt geöffneten Registerkarte auf den Keks und dann diesen Wert verwenden, um es zu öffnen auf neu laden. Die einfachste Art und Weise.
  • Erlauben Sie mir zeigen, zeigen, tun Sie es in der Beantwortung dieser post ?
  • Prashank : ja, das sind Sie.
InformationsquelleAutor kyo | 2015-11-17
  1. 6

    Können Sie extrahieren Sie die Registerkarte Namen(#hardware) und pass es in die Ansicht. und im view kannst du so etwas tun

    <li class="{{ empty($tabName) || $tabName == 'hardware' ? 'active' : '' }}"><a href="#hardware" data-toggle="tab"><strong>Hardware(s)</strong></a></li>

    ähnlich auch in der mitgelieferten Registerkarte Inhalte haben Sie ein element mit class="tab-pane". Auch fügen Sie diese Bedingung auf das element, so etwas wie

    <div id="hardware" class="tab-pane {{ !empty($tabName) && $tabName == 'hardware' ? 'active' : '' }}">
    • Schöne Klinge Lösung. Ich mag es.
    • Das habe ich getan, ich habe mein tab zu markieren jetzt aber den Inhalt in dieser Registerkarte nicht ändern/aktualisieren Sie auf die Registerkarte hardware. Es zeigt die Inhalte in den details(default) tab. Wissen Sie, wie Sie es beheben ?
    • Haben Sie vielleicht etwas im inneren, wie dies in der tab-Seite details hinzufügen der gleichen Bedingung wie oben in der Seite "details" wie das <div id="hardware" class="tab-pane {{ !empty($tabName) && $tabName == 'hardware' ? 'active' : "}}">
    • Kann das konkret bitte ?
    • in Ihrem Konto.zeigen.Eisenwaren-Ansicht gibt es ein element mit class = "tab-pane" . Innen, fügen Sie die oben genannten ternären Zustand, um es aktiv zu machen.
    • Funktioniert perfekt. Vielen Dank für Ihre back-up-Kommentare. 🙂
    • froh dabei zu helfen, herzlich willkommen 🙂
    • Vielleicht sollten Sie aktualisieren Sie Ihre Antwort ein wenig. Es gibt 2 Plätze, die benötigt werden, um das ternäre operator.
    • Es ist eine gute option, wenn Sie möchten, zu kopieren und Vergangenheit viele ternäre Operatoren und duplizieren Sie Sie jedes mal, wenn Sie eine Registerkarte erstellen oder ändern Sie jedes mal, wenn Sie ändern tabs ))

    InformationsquelleAutor Milan Maharjan
  2. 2

    Soweit Sie die Verwendung von hashes in den urls, ist es einfacher zu tun, wie diese:

    var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;
}

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
});

    Es wird sich ändern, hash auf jeder Registerkarte klicken und öffnen Sie den tab, wenn die Seite geladen wird mit einer Registerkarte hash.

    • Ich mag deine Antwort, aber die Seite ist erfrischend wie verrückt. Ich habe versucht, mit e.preventDefault(); und es immer noch passiert, wissen Sie, wie Sie das stoppen ?
    • erfrischend, wenn?
    • Wenn ich auf meinem tabs.
    • Ich denke, dies geschieht, weil der ein JS-Fehler auf deiner Seite. Werfen Sie einen Blick in Ihre browser-Konsole.
    InformationsquelleAutor Maxim Lanin
  3. 0
    $(document).ready(function(){
    $('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
            localStorage.setItem('activeTab', $(e.target).attr('href'));
    });
    var activeTab = localStorage.getItem('activeTab');
    if(activeTab){
         $('#IDOFTAB a[href="' + activeTab + '"]').tab('show');
    }
});
    • bitte geben Sie einige weitere Informationen über Ihren code
    InformationsquelleAutor Satish Danda
Schreibe einen Kommentar