网站地图 | 联系我们 赣州网站建设 赣州做网站 赣州网站制作 赣州网站优化
你现在的位置:网站首页 > 学无止境 > CMS建站教程 > 正文内容


phpcms ajax列表分页加载更多

发布时间:2015-08-13 | 编辑 : 小勇 | 分类 : CMS建站教程 | 阅读: 次 | 评论 :0

phpcms列表分页ajax加载更多。网上转载关于phpcms列表分页加载的方法。其方法我想是可行的。现分享给大家。

1、在  /phpcms/modules/模块下加多一个ajaxlist文件夹,在其文件夹下新建一个index.php,内容如下:

01 public function homeajaxlist() { 
02         if(isset($_GET['siteid'])) { 
03             $siteid intval($_GET['siteid']); 
04         else 
05             $siteid = 1; 
06         
07         $page $_GET['page']?$_GET['page']:1; 
08         $siteid $GLOBALS['siteid'] = max($siteid,1); 
09         define('SITEID'$siteid); 
10         $_userid $this->_userid; 
11         $_username $this->_username; 
12         $_groupid $this->_groupid; 
13         //SEO 
14         $SEO = seo($siteid); 
15         $sitelist  = getcache('sitelist','commons'); 
16         $default_style $sitelist[$siteid]['default_style']; 
17         $CATEGORYS = getcache('category_content_'.$siteid,'commons'); 
18         include template('content','list_ajax',$default_style); 
19     }

2、在 /phpcms/templates/default/content下新建ajax_list.html

01 <div id="ajax_list" 
02 {pc:content action="lists" catid="10" order="id DESC" thumb="" moreinfo="1" } 
03 {loop $data $n $r} 
04 <li><a href="{$r['url']}" title="{$r['title']}">{$r['title']}</a></li
05 {/loop} 
06 {/pc} 
07 </div
08 <div class="pager ajaxhomelist"
09     {$pages} 
10 </div
11 <script type="text/javascript"
12     $(function(){ 
13             var curr_page = parseInt($('.ajaxhomelist span').text()); 
14             $('.ajaxhomelist a').click(function(event){ 
15                 event.preventDefault(); 
16                 _page = $(this).text(); 
17                 if(_page == "下一页") _page = curr_page+1; 
18                 if(_page == "上一页") _page = curr_page-1; 
19                 $('.contain_ajaxhomelist').load( 
20                     "{siteurl($siteid)}/index.php?a=homeajaxlist&page="+_page, 
21                     function(){ 
22                                 //这个是让页面滚动到列表上方 
23                                 $("html,body").animate({scrollTop:$("#conter").offset().top},1000); 
24                           
25                     }); 
26             });         
27     }); 
28 </script>

3、然后在模板需要显示列表ajax的地方插入如下代码

1 <div id="conter" 
2        <div class="contain_ajaxhtmllist" 
3            {template "content","ajax_list"}        
4       </div
5 </div>

 

至此,phpcms ajax列表分页加载更多代码分享结束!查看更多phpcms教程,请关注小勇工作室

本文标签phpcms  

赞助我们:如果你觉得本站的内容对你确实有所帮助,请赞助我们让我们有动力为你继续奉献更多有用的内容→赞助我们

版权说明:如非注明,本站文章均为 小勇工作室 原创,转载请注明出处和附带本文链接 http://www.yl0797.com/html/2015/learning_0813/141.html。


联系我们
QQ:
873268813
旺旺:
wsuper勇
邮箱:
给我发邮件
QQ群:
加入交流群

Powered By 小勇工作室,Copyright www.yl0797.com © 2008-2018, 赣ICP备15004575号