pjax - 在 YII2 中使用 Pjax 更新 div

Question

我正在尝试在 yii2 项目中使用 Pjax 小部件。
我的目标是用一些内容更新 div #formsection。
我的代码:查看

<?php Pjax::begin(); ?>
   <div id="formsection"></div>
   <?php foreach ($tree as $id => $name): ?>
        <?php echo Html::a(
            $name, 
            ['update', 'id'=>$id],
            ['data-pjax'=> '#formsection']) ?>
   <?php endforeach ?>
<?php Pjax::end(); ?>

更新操作

public function actionUpdate($id)
{
    return $this->renderAjax('update');
}

当我单击链接时，所有 pjax div 内容都将被服务器的响应替换。我只想更新 #formsection 内容。

我发现了一个帖子here但它也不起作用。

更多信息:这是Pjax小部件在页面中生成的js代码。

jQuery(document).ready(function () {
jQuery(document).pjax("#w0 a", "#w0", {"push":true,"replace":false,"timeout":1000,"scrollTo":false});
jQuery(document).on('submit', "#w0 form[data-pjax]", function (event) {jQuery.pjax.submit(event, '#w0', {"push":true,"replace":false,"timeout":1000,"scrollTo":false});});
});

我的代码有什么问题？

<小时/>

我解决了这个问题。我必须改变对此的看法。

<div id="categories">
    <?php foreach ($tree as $id => $name): ?>
        <?php echo Html::a(
                $name, 
                ['update', 'id'=>$id],
                ['data-pjax'=> '#formsection']) ?>
    <?php endforeach ?>
</div>
<?php Pjax::begin(['id'=>'formsection', 'linkSelector'=>'#categories a']); ?>
<?php Pjax::end(); ?>

Answer 1

Pjax的正确解决方案

如果您不想在 Pjax::begin() 和 Pjax::end() 之间放置标签数据使用 Pjax::widget() 并包含 linkSelector 选项:

Pjax::widget(['id' => 'formsection', 'linkSelector' => '#categories a']);

其中formsection是当点击#categories a链接时接收Pjax返回的数据的元素的id。 #categories a 是一个 JQuery 选择器