yii 阅读 2677
Yii2 第5章 Pjax

Yii2 第5章 Pjax

2022-06-27 • lulubin

一、什么是 Pjax

当你点击一个站内的链接的时候,不是做页面跳转,而是只是站内页面刷新。

而且 ajax 刷新是支持浏 器历史的,刷新页面的同时,浏览器地址栏位上面的地址也是会更改,用浏览器的回退功能也能够回退到上一个页面。

二、Pjax 在 yii2 中的应用

①、刷新时间

https://file.lulublog.cn/images/3/2022/08/f96A4t0zjeJit8IA49N9R6Ij468JJi.png?sign=163455ab707c91361852e65fac516cd3&t=6ae36d80

https://file.lulublog.cn/images/3/2022/08/p747hpLp2wXZaY3CPp1z32y7Vl4xi4.png?sign=08ab4129a23b6778de803b061b7ae723&t=6ae36d80

https://file.lulublog.cn/images/3/2022/08/Kyh1IY7EN2JarziE1Ajw1hEH0JHaeU.png?sign=f874259c469eb0222cf604d34f3a9e5e&t=6ae36d80

$script = <<< JS
$(document).ready(function() {
    setInterval(function(){ $("#refreshButton").click(); }, 1000);//每隔1秒自动刷新
});
JS;
$this->registerJs($script);

②、后台 GridView 显 示数据排序

https://file.lulublog.cn/images/3/2022/08/ziz1f65XFQVV5E6EPQ22f7evX25262.png?sign=89daf53bd09c398cb42461604717b2b4&t=6ae36d80

https://file.lulublog.cn/images/3/2022/08/PFnFUOvFFQ6A6Q6aFS0UVUA2Sowpoq.png?sign=d478e8be2b9959619da21095e342f72d&t=6ae36d80

或者直接配置,前提是下载 kartik-v/yii2-grid

"pjax"=>true