最近遇到需要使用拖拽改变列表排序的需求,完成的过程倒是相对简单,问题点在于这个拖拽改变排序的缺点是对于其他页码的信息,无法跨页改变排序,所以只能根据拖拽排序和手动输进序号改变排序.阜宁网站建设以下是完成思路：

　　html：

　　引进jquery-ui.min.js,jquery-ui.min.css文件

　　列表结构部分：

　　sortable的类名用于js的调用;id是信息的id,用于后台修改对应id信息的排序;disable的类名,用于禁止该tr开展拖拽;

　　{foreach name="list['list']" item="vo"}

　　class="child" name="selid[]" value="{$vo.id}" lay-skin="primary">

　　data-id="{$vo.id}" lay-skin="switch" url="{:url('status')}" lay-text="是|否" value="1" {if

　　condition="$vo['is_index'] eq 1" }checked{/if}>

　　data-id="{$vo.id}" lay-skin="switch" url="{:url('status')}" lay-text="正常|禁止" value="1" {if

　　condition="$vo['status'] eq 1" }checked{/if}>

　　{/foreach}

　　 删除

　　js代码：

　　后台代码：

　　public function edit_sort()

　　{

　　if ($this->request->isajax()) {

　　$param = $this->request->post();

　　$sort = $param['sort'];

　　$page = $param['page'];

　　if(empty($page)){

　　$page = 1;

　　}

　　foreach ($sort as $k => $v) {

　　$data['sort'] = (($page-1)*10)+($k+1);

　　$this->modelobj->where('id', $v)->save($data);

　　}

　　$json = 1;

　　return json($json);

　　}

　　}

　　jquery-ui直接往阜宁网站建设官网下载就可以.