J'ai conçu une petite fonction en utilisant thinkphp3.2.3 et le plug-in de pagination de jquery.
La conception détaillée est que lorsque je clique sur "Développer" sur la page, les enregistrements de la liste d'utilisateurs en arrière-plan sont demandés et affichés via la pagination. Depuis que j'ai utilisé la commande fetch dans thinkphp, j'ai écrit une page de pagination distincte. Cependant, lors de l'exécution réelle, bien qu'il y ait une barre de pagination sur la page, tous les enregistrements sont affichés sur la page et il n'y a pas de pagination réelle. Puis-je vous demander, héros, quelle en est la raison ? Demandez également : var newcxt = $('#result p:eq(+pi+)').clone(); Que signifie +pi+ ? Le code est le suivant :
Page HTML principale :
<p">Vous avez ajouté 10 balises. -Cliquez pour développer-</p>
<p id="taglist"> ; < ;/p>
<script type="text/javascript">
$(function(){
$('#showtaglist').click(function(){
$.post(
'{:U('Dongzuo/loadlist')}',
fonction($données){$('#taglist').html($données);}
);
renvoie faux ;
});
});
</script>
La page html appelée par fetch :
<p class="ppage"></p>
<p class="content">
<span class="spntip">Chargement des données...</span>
</p>
<p id="result">
<volist name="users_list" id='vo'>
<p class="xx_name">{$vo.user_name}</p>
&Lt ;/voliste> ;
</p>
<p class="ppage"></p>
<script type="text/javascript">
fonction initpagination()
{
var sumnum =$('#result p').length;
$(".ppage").pagination(sumnum,{num_edge_entries:10,callback:pscallback,items_per_page:10});
>
fonction pscallback(pi,jq)
{
var newcxt = $('#result p:eq(+pi+)').clone();
$('#content').empty().append(newcxt);
retourner faux ;
>
$(function(){initpagination();});
</script>
Page du contrôleur php :
fonction publique loadlist(){
si(IS_AJAX){
$utilisateurs_info = M('utilisateurs_info');
$count = $users_info->count();
$users_list = $users_info->select();
$this->assign('users_list',$users_list);
$html = $this->fetch('fenye:show_tag_list');
$this->ajaxReturn($html);
}
}
C'est résolu. J'utilise le plug-in Jpages, qui est bien plus simple à utiliser que le plug-in ci-dessus.