Question

我正在使用Yii应用程序并使用Tabs来显示图表和数据。我的代码如下：

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

在第一个tabe中我是renderPartial显示YII图形的文件，但问题是当我点击下一个标签并返回第一个标签时，图形消失了。

我认为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>

我已经完成了这个jing jquery，但这刷新了所有页面，但我只需要显示图形或只刷新标签而不是所有页面。

由于

Answer 1

您可以使用ajax请求更新标签数据。单击选项卡设置ajax调用。并使用renderPartial（＆＃39; view＆＃39;，false，true）。 Examples here

Yii刷新Tab Active上的Tab数据

1 个答案: