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

问题描述 投票:1回答:1

我的控制器

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(); ?>

如何为按钮分配特定块?

yii2 pjax
1个回答
1
投票

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

如果以上是正确的,那么你应该使用$.pjax.reload简单地重新加载部分将click事件绑定到按钮

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

希望有所帮助。

© www.soinside.com 2019 - 2024. All rights reserved.