jQuery 表格插件DataTables 行删除，行上升，行下降代码,Java代码库,德仔网

代码语言

代码分类

【Java】 jQuery 表格插件DataTables 行删除，行上升，行下降

作者:0595 / 发布于2015/3/23/ 650


	// 初始化刪除按钮
	$('#tableId tbody').on('click', 'a.delete', function(e) {
	 e.preventDefault();
	
	 if (confirm("确定要删除该属性？")) {
	 var table = $('#tableId').DataTable();
	 table.row($(this).parents('tr')).remove().draw();
	 }
	
	});
	
	// 初始化上升按钮
	$('#tableId tbody').on('click', 'a.up', function(e) {
	 e.preventDefault();
	 var table = $('#tableId').DataTable();
	 var index = table.row($(this).parents('tr')).index();
	 if ((index - 1) >= 0) {
	 var data = table.data();
	 table.clear();
	 data.splice((index - 1), 0, data.splice(index,1)[0]);
	 table.rows.add(data).draw();
	 } else {
	 alert("已经到顶了");
	 }
	
	});
	
	// 初始化下降按钮
	$('#tableId tbody').on('click', 'a.down', function(e) {
	 e.preventDefault();
	
	 var table = $('#tableId').DataTable();
	 var index = table.row($(this).parents('tr')).index();
	 var max = table.rows().data().length;
	 if ((index + 1) < max) {
	 var data = table.data();
	 table.clear();
	 data.splice((index + 1), 0, data.splice(index,1)[0]);
	 table.rows.add(data).draw();
	 } else {
	 alert("已经到底了");
	 }
	});

试试其它关键字

　DataTables　

同语言下

可能有用的

0595贡献的其它代码(2)