在Yii2应用程序中使用Pjax小部件。如何使用布局中的链接更新内容?

时间:2016-02-05 12:55:27

标签: php yii yii2 pjax

我的布局:

Some HTML
All links here won't be working.
...
    <?= $content ?>
...
All links here won't be working.
Some HTML

在每个操作的每个视图中,我使用 Pjax

<?php
/* @var $this yii\web\View */
use yii\widgets\Pjax;
?>
<?php Pjax::begin(); ?>
All links here will be working.
<?php Pjax::end(); ?>

当我点击我的观看内容中的链接时 - 一切都是 k,内容会刷新而无需重新加载页面。

但是,当我点击Pjax小工具之外的链接时,我该如何使用这些可能性?例如在我的布局中?

1 个答案:

答案 0 :(得分:1)

<ul class="dropdown-menu">
    <li><a href="<?= Url::to('/app/settings/person') ?>" class="js-pjax">Profile details</a></li>
    <li><a href="<?= Url::to('/app/settings/password') ?>" class="js-pjax">Change password</a></li>
</ul>

$(document).on('click', '.js-pjax', function(e){
    e.preventDefault();
    var $this = $(this);
    var href = $this.attr('href');
    var pjax_id = "w0";
    $.pjax.reload({container:'#' + pjax_id, url:href});
    return false;
})