在 Yii2 应用程序中使用 Pjax 小部件。如何使用布局中的链接更新内容?
Using Pjax widget in Yii2 app. How to update content using links in the layout?
我的布局:
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 小部件 外部的链接时,如何使用这些可能性?例如在我的布局中?
<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;
})
我的布局:
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 小部件 外部的链接时,如何使用这些可能性?例如在我的布局中?
<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;
})