JQuery DataTable 删除行后的页面更新解决办法(Ajax)

使用Jquery的DataTable进行数据表处理非常方便,常遇到的一个问题就是删除一行后页面必须进行更新,需要注意的方法如下:前台页面中初始化table时注意:

var table = $('#sorting-advanced');
		table.dataTable({
			'bServerSide': true,
			'sAjaxSource': 'servlet/UserList<%=queryString%>',
			'bProcessing': true,                        'bStateSave': true,
 			'aoColumnDefs': [
				{ 'bSortable': false, 'aTargets': [0,1,6]}
			],
			'sPaginationType': 'full_numbers',			
			'sDom': '<"dataTables_header"lfr>t<"dataTables_footer"ip>',
			'fnInitComplete': function( oSettings )
			{
				// Style length select
				table.closest('.dataTables_wrapper').find('.dataTables_length select').addClass('select blue-gradient glossy').styleSelect();
				tableStyled = true;
			}
		});


'bStateSave': true, 这个必须设置,这样就可以在删除返回时,保留在同一页上'bStateSave': true, 这个必须设置,这样就可以在删除返回时,保留在同一页上

删除的代码如下:

function deleteConfirm(deleteID)
{
	$.modal.confirm('确实要删除此用户吗?', function()
	{
		$.ajax('servlet/DeleteUser', {
		dataType : 'json',
		data: {
	  			userID:	deleteID
	  		},
		success: function(data)
			{
	  			if (data.success =='true')
	  			{
					$.modal.alert('删除成功!');
	  				start = $("#sorting-advanced").dataTable().fnSettings()._iDisplayStart;
	  				total = $("#sorting-advanced").dataTable().fnSettings().fnRecordsDisplay();
	  				window.location.reload();
	  				if((total-start)==1){
	  					if (start > 0) {
	  						$("#sorting-advanced").dataTable().fnPageChange( 'previous', true );
	  					}
	  				}
	  			}
	  			else
	  			{
	  				$.modal.alert('删除发生错误,请联系管理员!');
	  			}
			},
				error: function()
				  		{
				  			$.modal.alert('服务器无响应,请联系管理员!');
				  		}
	  });
				

	}, function()
	{
				//$.modal.alert('Meh.');
		});
	};

其中只要是需要判断一下当前页中是否有数据,如果是最后一条的话,就在删除后调用
$("#sorting-advanced").dataTable().fnPageChange( 'previous', true );已回到上一页中

注意$("#sorting-advanced").dataTable().fnPageChange( 'previous'); 是不行的,必需进行刷新,否则页面中显示的iDisplayStart会从cookie中取得,还是删除前的iDisplayStart

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值