AjaxSnippet и аякс пагинация
Вызываем AjaxSnippet на странице
[[!AjaxSnippet?
&snippet=`pdoPage`
&element=`msProducts`
&tpl=`tpl.msProducts.row`
&limit=`3`
&parents=`4`
&page=`[[!geturi]]`
&wrapper=`tpl.ajax`
]]Сниппет geturi
$filter = $_GET['page'];
return $filter;
Обертка для вывода tpl.ajax
<div class="pagin [[+key]]"></div>
<div id="[[+key]]" class="ajax-snippet">
<img src=" " class="as_spinner" style="width:32px;margin:auto;display:block;">
</div>
<div class="pagin [[+key]]"></div>
скрипт для пагинации
<script>
$(document).on('as_complete', document, function(e,d) {
$(".pagin."+d["key"]).append(d["pagination"]);
$(document).on('click', '.'+d["key"]+' .pagination a', function(e) {
e.preventDefault();
var url = $(this).attr('href');
//console.log(url);
$.post(url, {as_action: d["key"]}, function(response) {
if (typeof response.output !== "undefined") {
$('.ajax-snippet#'+d["key"]).html(response.output);
$(".pagin."+d["key"]).html(response.pagination);
}
}, "json");
});
});
</script>Можно использовать несколько вызовов Ajaxsnippet, все будут работать независимо.
Пример реализации (будет жить до вечера) можно посмотреть тут
Надеюсь кому то пригодится)
0
👍
👎
❤️
🔥
😮
😢
😀
😡
4 335
14.03.2014 11:12:35