2016-06-10 7 views
0

Ich arbeite an Yii-Anwendung und Tabs verwenden, um Diagramm und Daten anzuzeigen. mein Code als GebrüllYii Tab Daten auf Registerkarte Active aktualisieren

<ul class="nav nav-tabs"> 
      <li class="active"> 
      <a href="#tab-graph” data-toggle="tab"> 
      <?php echo Yii::t('li', ‘Graph’);?> 
       </a> 
      </li> 
       <li> 
       <a href="#tab-overview" data-toggle="tab"> 
       <?php echo Yii::t('li', ‘Overview');?> 
        </a> 
        </li> 
       </ul> 


<div class="tab-content"> 
     <div class="tab-pane active" id="tab-graph"> 
    <?php 
    $this->renderPartial(‘graph/graph’); 
    ?> 
</div> 
<div class="tab-pane" id="tab-overview"> 
    <div> here is status</div> 
    <div> 10%</div> 
</div> 

</div> 

in ersten tabe i renderPartial die Datei ist die YII Diagramm zeigen, aber das Problem ist, wenn ich auf dem nächsten Registerkarte klicken und komme zurück zum ersten Registerkarte Graph dissappear.

ich denke, YII Graph nicht Tabs und ausblenden.

Wie wird das Diagramm auf der ersten Registerkarte aktiviert, wenn Sie wegklicken und zurückkommen? oder Ich möchte die Registerkarte aktualisieren und erneut rendern, um das Diagramm anzuzeigen.

<script> 
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    var target = $(e.target).attr("href") 

    if(target=="#tab-graph"){ 
    //alert(target); 
    location.reload(); 
    } 
}); 
</script> 

Ich habe dieses uing jquery getan, aber dieses Refresh alle Seite, aber ich brauche nur Grafik angezeigt oder nur die Registerkarte aktualisieren nicht alle Seite.

Danke

Antwort

0

Sie können Ihre Tabdaten mit Ajax-Anfrage aktualisieren. Setze einen Ajax-Aufruf auf Klick auf Tab. Und benutze renderPartial ('view', false, true). Examples here

+0

Hallo Danke für die Antwort, aber wie RenderPartial in Javascript zu tun? Das versuche ich $ .get ('graph/graph', null, Funktion (html) aber es funktioniert nicht, es zeigt mir falsche Pfad und kann Datei nicht laden. –

Verwandte Themen