//分頁變數

$page=$articles->render();

$this->assign('page',$page);

//文章變數

$this->assign('articles', $articles);

//判斷ajax請求，渲染到不同模板

if(request()->isAjax()){

//return $articles;

//如果是ajax請求，則渲染到該頁面

return $this->fetch('articleList');

}

else {

//否則到該頁面

return $this->fetch('articleIndex');

}

<!-- START TABLE -->

<div class="simplebox grid740">

<div class="titleh">

<h3>博文列表</h3>

</div>

<table id="myTable" class="tablesorter">

<thead>

<tr>

<th>#ID</th>

<th>作者</th>

<th>分類</th>

<th>標題</th>

<th>釋出日期</th>

<th>評論數量</th>

<th>狀態</th>

<th>操作</th>

</tr>

</thead>

<tbody>

{volist name='articles' id='article' key="k"}

<tr>

<td>{$k}</td>

<td>作者</td>

<td>{$article.c_name}</td>

<td>{$article.name}</td>

<td>{$article.publishtime|date="y-m-d",###}</td>

<td>{$article.id|count}</td>

<td>{$article.status}</td>

<td>

<form action="\article\{$article.id}\edit" name="edit">

<button>編輯</button>

</form>

<form action="\article\{$article.id}" name="delete" method="post">

<button onclick="return confirm('是否確定刪除文章:{$article.c_name}?');">刪除</button>

<input type="hidden" name="_method" value="DELETE">

</form>

</td>

</tr>

{/volist}

</tbody>

</table>

{$page}

</div>

<!-- END TABLE -->

{literal}

<script>

$(function () {

//給id為list的元素代理繫結下面所有的a元素"click"事件

$("#list").on("click",".pagination a",function() {

//取a標籤的href即url傳送ajax請求

$.get($(this).attr('href'),function(html){

//返回資料輸出到id為list的元素中

$('#list').html(html);

});

//阻止預設事件和冒泡，即禁止跳轉

return false;

})

})

</script>

{/literal}

<div id="list">

<!-- START TABLE -->

<div class="simplebox grid740">

<div class="titleh">