smarty笔记

1. 文字拼接，文字查找，计数，截取

<div class="upcoming_content">
    {assign var="comp" value=""}
    {assign var="count" value="0"}
    {utilCall fn="utilGetCalendarTimeSlice" rn="calendar" cat_id="43" start_date=$start_date end_date=$end_date culture="en" limit="" sort_by="startDate"}
    {if $calendar}
        <ul class="upcoming_list">
        {foreach from=$calendar item=curr_item name=curr_item}
            {foreach from=$curr_item item=event name=event}
                {assign var="c" value=$event.id|cat:','}
                {if $comp|strpos:$c === false}  //文字查找
                    {assign var="comp" value=$comp|cat:$event.id|cat:','}  //文字拼接
                    {assign var="count" value=$count+1} //计数
                {/if}
                {if $count <= 10} //获取Top 10
                <li class="event-{$event.id}">
                    <a href="/index.php?t=calendar.tpl&id={$event.id}&cat_id={$event.cat_id}&start_date={$event.start_date}&end_date={$event.end_date}" target="_blank">{$event.title|truncate:60:'...'}</a><br/>//文字截取
                    <span class="time02">{$event.start_date|date_format:"%B %e, %Y"}-{$event.end_date|date_format:"%B %e, %Y"}</span>
                </li>
                {/if}
            {/foreach}
        {/foreach}
        </ul>
    {/if}
</div>

2. 分页

<div id="pagelist" class="clearfix">
    <a href="/canadian-sailing-team-p191117&preview=1&pager=1">First</a> //第一页
    {if $pagerInfo.currentPage > 1} //如果当前页大于1，则有pre链接
        <a href="/canadian-sailing-team-p191117&preview=1&pager={$pagerInfo.previousPage}"><span>Pre</span></a>
    {else}
        <span>Pre</span>
    {/if}
    {section name=forpage loop=$pagerInfo.pageCount} //loop循环总数
        {assign var="pindex" value=$smarty.section.forpage.index+1} //index从0开始计数
        <a href="/canadian-sailing-team-p191117&preview=1&pager={$pindex}"><span {if $pagerInfo.currentPage == $pindex} class="cur" {/if}>{$pindex}</span></a>
    {/section}
 {if $pagerInfo.currentPage < $pagerInfo.pageCount}//如果当前页小于总页数，则有next链接
        <a href="/canadian-sailing-team-p191117&preview=1&pager={$pagerInfo.nextPage}"><span>Next</span></a>
    {else}
        <span>Next</span>
    {/if}
    <a href="/canadian-sailing-team-p191117&preview=1&pager={$pagerInfo.pageCount}">Last</a>
</div>

3. 随机排序显示Page中的mediaObject

{utilCall fn="utilGetPageById" rn="sliders" Id='156223'} //获取page
<div class="img_ad">
    <div class="img_wrap">
        <img src="/files/SEMI_2011_logo_small.png" class="logo_wrap">
        {if $sliders->mediaObjects}
        <ul id="jimgs">
            {assign var="img" value=""}
            {assign var="title" value=""}
            {foreach from=$sliders->mediaObjects item=slider} //获取所有mediaObjects
            {assign var="img" value=$img|cat:$slider->getHumanReadbleURL('')|cat:','}
            //把mediaObject的url地址用逗号分割放入img 字符串
            {assign var="title" value=$title|cat:$slider->title|cat:','} 
            //把mediaObject的title用逗号分割放入title字符串
            {/foreach}
        </ul>
        {/if}
    </div>
</div>
{literal}
<script>
$(function () { 
    var title_str = "{/literal}{$title}{literal}";
    var img_str = "{/literal}{$img}{literal}";  //获取smarty参数
    if(img_str != undefined && img_str != "undefined"){
        randomSlider(img_str,title_str);  //随机排序
    }
    function randomSlider(img,title){ //随机排序函数
        var arr_img = img.split(',');
        var arr_title = title.split(',');
        var arr = new Array;
        var len = arr_title.length;
        arr_title.length = len - 1;
        arr_img.length = len - 1; //删除最后一个空值
        var len = len - 1;
        for(var i=0;i<len;i++){
            arr[i] = i;
        }
        var new_arr = arr.sort(randomSort);
        var _ul = $("#jimgs");
        for(var i=0;i<len;i++){
            var j = new_arr[i];
            var temp = '<li><img src="'+arr_img[j]+'" alt="'+arr_title[j]+'" /></li>';
            _ul.append(temp);
        }
        _ul.responsiveSlides({
            auto: true,
            pager: true,
            speed: 500,
            maxwidth: 949
        });
    }   
    function randomSort(a,b){
        return Math.random() - 0.5;
    }
});
</script>
{/literal}