例如新闻模块的首页,做一个瀑布流:

1、瀑布流内容查询模板文件:index_data.html

<!--模块首页的list标签中调用,以下写法的意思是:开启分页,以每页显示10条-->
{list action=module module=MOD_DIR page=1 pagesize=10 urlrule=index.php?page=[page]}
<li><a href="{$t.url}">{$t.title}</a></li>
{/list}

2、瀑布流调用文件(首页):index.html

首页内容调用部分代码:

....
<ul class="data-list">
{template "index_data.html"}
</ul>
....

js相应事件函数代码:

var dr_page = 1;
function dr_loading() {
    dr_page++; // 加载下一页的意思
    $.get('{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=index_data.html&page='+dr_page, function (html) {
    $('.data-list').append(html); // 将返回的内容追加到内容区域
    });
}


例如新闻模块的栏目列表,做一个瀑布流:

1、瀑布流内容查询模板文件:list_data.html

<?php $get.catid && $catid=$get.catid;?>
{list action=module catid=$catid order=updatetime page=1}
<li><a href="{$t.url}">{$t.title}</a></li>
{/list} {$sql}

2、瀑布流调用文件(列表):list.html

调用部分代码:

....
<ul class="data-list">
{template "list_data.html"}
</ul>
....

js相应事件函数代码:

var dr_page = 1;
function dr_loading() {
    dr_page++; // 加载下一页的意思
    $.get('{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=list_data.html&catid={$catid}&page='+dr_page, function (html) {
    $('.data-list').append(html); // 将返回的内容追加到内容区域
    });
}




文档最后更新时间:2018-02-08 13:25:54