怎么在tp5框架中利用Ajax实现列表无刷新排序功能

  介绍

这期内容当中小编将会给大家带来有关怎么在tp5框架中利用Ajax实现列表无刷新排序功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

首先是表格(美食。html)这一块我们要单独摘出来,放入到一个单独页面当中,方便我们数据的请求。

& lt; table 类=皌able  table-bordered"比;   {include 文件=靶挛?cateajaxpage"}   & lt;/table>

其中cateajaxpage。html的内容为:

,, & lt; thead>   ,,,& lt; tr>   ,,,,,& lt; th> ID   ,,,,,& lt; th>分类名称& lt;/th>   ,,,,,& lt; th>排序& lt;/th>   ,,,,,& lt; th>操作& lt;/th>   ,,,& lt;/tr>   & lt;才能/thead>   & lt;才能tbody>   ,,,{volist 名称=皀ews", id=皏o"}   ,,,& lt; tr>   ,,,,,& lt; td> {$ vo.id} & lt;/td>   ,,,,,& lt; td> {$ vo.name} & lt;/td>   ,,,,,& lt; td> & lt; input 类型=皌ext", value=皗$ vo.order}“, name=皗$ vo.id}“祝辞& lt;/td>   ,,,,,& lt; td>   ,,,,,,,& lt; div 类=癰tn-group  open"比;   ,,,,,,,,,& lt; button  data-toggle=癲ropdown",类=癰tn  btn-primary  dropdown-toggle", aria-expanded=皌rue"在操作,& lt; span 类=癱aret"祝辞& lt;/span>   ,,,,,,,,,& lt;/button>   ,,,,,,,,,& lt; ul 类=癲ropdown-menu"比;   ,,,,,,,,,,,& lt; li> & lt; a  href=皗: url(& # 39;管理/新闻/cateadd& # 39;,数组(& # 39;id # 39;=祝辞vo.id美元))}“,rel=癳xternal  nofollow",在添加子分类& lt;/a>   ,,,,,,,,,,,& lt;/li>   ,,,,,,,,,,,& lt; li> & lt; a  href=皗: url(& # 39;管理/新闻/cateupd& # 39;,数组(& # 39;id # 39;=祝辞vo.id美元))}“,rel=癳xternal  nofollow",在修改& lt;/a>   ,,,,,,,,,,,& lt;/li>   ,,,,,,,,,,,& lt; li> & lt; a  href=癹avascript:如果(确认(& # 39;确认删除? & # 39;)),位置=& # 39;{:url(& # 39;管理/新闻/del # 39;,数组(& # 39;id # 39;=祝辞vo.id美元))}& # 39;“,rel=癳xternal  nofollow",在删除& lt;/a>   ,,,,,,,,,,,& lt;/li>   ,,,,,,,,,& lt;/ul>   ,,,,,,,& lt;/div>   ,,,,,& lt;/td>   ,,,& lt;/tr>   ,,,{volist  name=皏o.children"美元;,id=皏o1"}   ,,,& lt; tr>   ,,,,,& lt; td> {$ vo1.id} & lt;/td>   ,,,,,& lt; td> | - - - - - {$ vo1.name} & lt;/td>   ,,,,,& lt; td> & lt; input 类型=皌ext", value=皗$ vo1.order}“, name=皗$ vo1.id}“祝辞& lt;/td>   ,,,,,& lt; td>   ,,,,,,,& lt; div 类=癰tn-group  open"比;   ,,,,,,,,,& lt; button  data-toggle=癲ropdown",类=癰tn  btn-primary  dropdown-toggle", aria-expanded=皌rue"在操作,& lt; span 类=癱aret"祝辞& lt;/span>   ,,,,,,,,,& lt;/button>   ,,,,,,,,,& lt; ul 类=癲ropdown-menu"比;   ,,,,,,,,,,,& lt; li> & lt; a  href=皗: url(& # 39;管理/新闻/cateupd& # 39;,数组(& # 39;id # 39;=祝辞vo1.id美元))}“,rel=癳xternal  nofollow",在修改& lt;/a>   ,,,,,,,,,,,& lt;/li>   ,,,,,,,,,,,& lt; li> & lt; a  href=癹avascript:如果(确认(& # 39;确认删除? & # 39;)),位置=& # 39;{:url(& # 39;管理/新闻/del # 39;,数组(& # 39;id # 39;=祝辞vo1.id美元))}& # 39;“,rel=癳xternal  nofollow",在删除& lt;/a>   ,,,,,,,,,,,& lt;/li>   ,,,,,,,,,& lt;/ul>   ,,,,,,,& lt;/div>   ,,,,,& lt;/td>   ,,,& lt;/tr>   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

怎么在tp5框架中利用Ajax实现列表无刷新排序功能