如何通过按钮单击重新加载内部窗口小部件的div?

时间:2018-03-30 08:48:02

标签: yii2 pjax

我的控制器

public function actionIndex()
{
        return $this->render('index');
}

在视图中,我调用了一系列小部件。小部件内的所有逻辑,它们没有任何输入参数。在每个小部件的每个块中,我想添加一个按钮来更新该块内的小部件。

<?= Html::a("Обновить", ['???'], ['class' => 'btn btn-sm btn-default', 'data-pjax' => '#formsection']) ?>

我把小部件放在pjax

<?php Pjax::begin(['id' => 'formsection', 'linkSelector' => '#chart a']); ?>
                <div class="chart" id="chart" style="height: 200px; position: relative;">
                    <?= Chart::widget(); ?>
                </div>
                <?php Pjax::end(); ?>

如何为按钮指定特定的块?

1 个答案:

答案 0 :(得分:1)

据我所知,图表是通过数据库中的一些经常更新的值绘制的,您希望在单击重新加载按钮时将这些更改反映在图表中。

如果以上内容正确,那么您应该使用$.pjax.reload只是重新加载部分将click事件绑定到按钮

$this->registerJs('
    jQuery(document).on("click", "#my-button",  function(event){
            $.pjax.reload({container:"#formsection",timeout:1000})
          }
        );
');

希望有所帮助。