tp5框架基於Ajax實現列表無重新整理排序功能示例

在後台管理的時候我們有時需要對資料進行排序，以控制資料在模板顯示的順序，排序的原理就是修改資料庫，然後更新檢視。我們可以單獨寫乙個方法來實現排序的功能，成功後重新整理頁面，也可以利用ajax技術，實現資料的區域性請求，也就是無重新整理排序的功能。

現在想要達到的效果是在排序的input框中輸入數值，點選排序實現無重新整理排序的功能。

首先是**（cate.html）這一塊我們要單獨摘出來，放入到乙個單獨頁面當中，方便我們資料的請求。

其中cateajaxpage.html的內容為：

id分類名稱

排序操作

|————

這裡因為使用了無限級分類得到多維陣列的技術，所以會有兩個volist，如果你不太yuaoapcft懂無限級分類的話可以分配過來乙個普通的資料過來，重點是：

這句在顯示排序值得同時，為每乙個input框設定了乙個name值，這個值就是分類的id值，通過這種方式，可以為列表當中的所有input框進行區分，且能通過資料庫獲取到對應的分類。

回到cate.html，寫ajax：

$("#changeorder").click(function(event) ;

$("input").not('#top-search').ea程式設計客棧ch(functi el) );

$.ajax(',

type: 'post',

data: json

}).done(function(data) )

});其中changeorder是我們為排序按鈕新增的id值，我們把每一組id、order都放進json變數當中，傳遞給控制器。

控制器**：

public function cate()

$list = db("newsfenlei")->order('order desc')->select();

$news = $news_model->getnews($list);

$this->assign("news",$news);

return view('cateajaxpage');

} else

}因為涉及到無限級分類，所以使用了模型層獲取資料，getnews方法是獲取到無限級分類後的資料，這塊大家可以直接使用資料庫獲取資料，需要注意的是處理ajax請求的時候，我們根據post資訊進行資料更新，再資料更新以後再查詢資料庫，將資料分配到模板上。