yii 阅读 2701
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=15e0473840684d7f59a2c51af114d4fc&t=6af33f80

https://file.lulublog.cn/images/3/2022/08/p747hpLp2wXZaY3CPp1z32y7Vl4xi4.png?sign=358e20315a4ca362c1c8e750bfbeadd8&t=6af33f80

https://file.lulublog.cn/images/3/2022/08/Kyh1IY7EN2JarziE1Ajw1hEH0JHaeU.png?sign=38b88a3e4d1ab557198d079708d34b92&t=6af33f80

$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=e1547f23a389b387a0c3b393cba07945&t=6af33f80

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

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

"pjax"=>true