表格table拖动排序 #8

需求拖动表格排序用了插件TableDnD,依赖jquery

官网地址:http://isocra.github.io/TableDnD/

demo片段代码如下:

 <tbody id="sortable">
		<notempty name="_list">
		<volist name="_list" id="vo">
		<tr>
			<td><input class="ids" type="checkbox" name="id[]" value="{$vo.id}" /></td>
			<td>{$vo.id} </td>
			<td>{$vo.title}</td>
			<td>{$vo.video_id}</td>
			<!--<td>{$vo.class_title}</td>-->
			<td>{$vo.sort}</td>
			<td>
				<a href="{:U('Movie/delchaptervideo?id='.$vo['id'])}">删除</a>
			</td>
		</tr>
		</volist>
		<else/>
		<td colspan="9" class="text-center"> aOh! 暂时还没有内容! </td>
		</notempty>
	</tbody>

初始化:

$(function(){
        $("#sortable").tableDnD();
    });

保存排序逻辑:

function saveChapterVideo(){

        //获取到id的顺序
	    var ids = [];
        $('.ids').each(function(i,n){
            ids.push($(n).val());
        });

       //提交到服务端处理id的排序,我这里不分页,就直接获取数组的索引 

        return false;
    }