Question

在yii2中使用pjax，就像：

<?php Pjax::begin(); ?>
<?= Html::a("Refresh", ['site/index'], ['class' => 'btn btn-lg btn-primary']);?>
<h1>Current time: <?= $time ?></h1>
<?php Pjax::end(); ?>

但如果超链接不在<?php Pjax::begin(); ?> <?php Pjax::end(); ?>中，如下所示：

<nav>
<a href="">Click to refresh</a>
</nav>

<?php Pjax::begin(); ?>
<h1>Current time: <?= $time ?></h1>
<?php Pjax::end(); ?>

Answer 1

PJAX有timeout选项。如果PJAX在此超时期间未获得AJAX响应，则它将执行整页重新加载。使用以下JS代码段：

$.pjax.defaults.timeout = false;       // For JS use case yor should manual override default timeout.
$.pjax.reload({container: '#pjaxId'});

或更短的摘录：

$.pjax.reload('#pjaxId', {timeout : false});

此外，在我的项目中，我使用了Pjax的覆盖版本：

/**
 * Custom Pjax with incremented timeout.
 * JS for Pjax updating:
 *  <code>
 *      $.pjax.defaults.timeout = false;             // For JS use case yor should manual override default timeout.
 *      $.pjax.reload({container: '#pjaxId'});
 *
 *      // OR
 *      $.pjax.reload('#pjaxId', {timeout : false});
 *
 *      // OR for gridview with search filters
 *      $('.grid-view').yiiGridView('applyFilter'); // Thats true only if you have search Filters
 *  </code>
 *
 * Note: In more cases ID of widget should be static, because widgetId is autoincremented and browser version of page may be not up-to-date.
 */
class Pjax extends \yii\widgets\Pjax
{
    /**
     * @var int Timeout {@link \yii\widgets\Pjax::$timeout}.
     *          For JS use case yor should manual override defaults (  $.pjax.defaults.timeout = false;  ).
     */
    public $timeout = 30000;
}

Answer 2

就像这样：

<?= Html::a("Refresh", ['site/index'], ['class' => 'btn btn-lg btn-primary']); ?>
<?php Pjax::begin(); ?>

<h1>Current time: <?= $time ?></h1>
<?php Pjax::end(); ?>

有效！

Answer 3

我认为这可以解决您的问题。

<span class="my-btn  btn btn-lg btn-danger">refresh</span>
<a href="javascript:function() { return false; }" class="my-btn btn btn-lg btn-primary"> refresh a</a>

<?php

$this->registerJs(
   '$("document").ready(function(){ 
        $(".my-btn").on("click", function() {
            $.pjax.reload({container:"#greet"});
        });
    });'
);
?>
<?php yii\widgets\Pjax::begin(['id'=>'greet']); ?>

<h1>Current time: <?= time() ?></h1>
<?php yii\widgets\Pjax::end(); ?>

yii2超链接不在pjax时如何使用pjax

3 个答案: