yii 阅读 2717
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=8b568d1344264cc8c683bcc8e6f090e1&t=6afdcb80

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

https://file.lulublog.cn/images/3/2022/08/Kyh1IY7EN2JarziE1Ajw1hEH0JHaeU.png?sign=5944aa00d88f849acb17bb568ce2f4a0&t=6afdcb80

$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=472e51726eef4140eb6f4c47f025d92c&t=6afdcb80

https://file.lulublog.cn/images/3/2022/08/PFnFUOvFFQ6A6Q6aFS0UVUA2Sowpoq.png?sign=442a6466cffe3ff91b67d2588818f59e&t=6afdcb80

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

"pjax"=>true