2016-06-10 80 views
0

我正在Yii应用程序中使用Tabs来显示图表和数据。 我的代码是波纹管Yii刷新标签页上的标签数据有效

<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> 

在第一田部我是其中的RenderPartial显示谊图形文件,但问题是,当我下一个选项卡上单击,然后回来第一个选项卡,图形dissappear。

我想YII图不喜欢标签和隐藏。

如何使图形在第一个选项卡上点击并返回时处于活动状态? 或 我想刷新选项卡并再次渲染以显示图形。

<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> 

我已经做到了这一点uing的jQuery但这种刷新页面全部,但我只需要显示图形或仅刷新标签不是所有的页面。

谢谢

回答

0

您可以使用ajax请求更新您的标签数据。点击选项卡设置ajax呼叫。并使用renderPartial('view',false,true)。 Examples here

+0

嗨感谢您的回复,但如何在Javascript中执行renderPartial?我尝试这个$ .get('graph/graph',null,function(html),但它不工作,它显示我错误的路径,无法加载文件。 –