当前位置:首页 > 日记 > 正文

jQuery使用DataTable实现删除数据后重新加载功能

jQuery使用DataTable实现删除数据后重新加载功能

问题描述:

利用jQuery Datatable和artTemplate组合来做的表格。但是当删除数据时,需要重新加载table里的数据。但是问题是datatable并没有直接的重新渲染,反而给数据累加上了。

解决办法:

经过查看高人的blog,发现可以先销毁table,然后再重新渲染。

var dttable;App.globalAjax("get", "/Order/MyJsonList", {}, function (result) {  var html = template('Orders-template', result);  $("#datatable1").find("tbody").html(html);  dt = $('#datatable1').dataTable({    "sPaginationType": "bs_full"  });});

这个是第一次通过ajax获取到数据,然后利用artTemplate来渲染数据,最后填充到页面中,然后进行渲染。

接下来就是执行删除操作,然后重新加载渲染table

App.globalAjax("post", "/Order/DeleteOrder", data, function (result) {      App.globalAjax("get", "/Order/MyJsonList", {}, function (result) {        var html = template('Orders-template', result);        if ($('#datatable1').hasClass('dataTable')) {          dttable = $('#datatable1').dataTable();          dttable.fnClearTable(); //清空一下table          dttable.fnDestroy(); //还原初始化了的datatable        }        $("#datatable1").find("tbody").html(html);        $('#datatable1').dataTable();      });    });

到此,datatable就可以重新渲染了。

以上所述是小编给大家介绍的jQuery使用DataTable实现删除数据后重新加载功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

基于ASP.NET实现日期转为大写的汉

基于ASP.NET实现日期转为大写的汉

日期,汉字,电脑软件,ASP,NET,这篇文章主要介绍的是利用ASP.NET将日期格式转为大写汉字,比如: “2013年12月3日” 转换成 “贰零壹叁年拾贰月叁日”,下面一起来看看怎么实现。一样话不多说,直接上代码//年份转换为大写汉字 public static strin…

硬RAID与软RAID的区别

硬RAID与软RAID的区别

区别,电脑软件,RAID,什么是RAID?RAID是英文Redundant Array of Independent Disks的缩写,翻译成中文即为独立磁盘冗余阵列,或简称磁盘阵列。简单的说,RAID是一种把多块独立的硬盘(物理硬盘)按不同方式组合起来形成一个硬盘组(逻辑硬盘),从而提供比…

js实现扫雷小程序的示例代码

js实现扫雷小程序的示例代码

示例代码,程序,电脑软件,js,初学javascript,写了一个扫雷程序练练手!扫雷规则及功能扫雷想必大家都不陌生,就是windows上点击排雷的小游戏,它的主要规则有1.左键点击显示当前格子是否为雷,如果为雷的话,GameOver啦,如果不是雷的话,这个格子会显示周…

WPS表格怎么把数据分列WPS表格把数

WPS表格怎么把数据分列WPS表格把数

数据,步骤,方法,表格,电脑软件,  有时候会拿到一个用txt或者其他文本记录的数据,要求你把这些数据录入进excel里面,数据多一个一个录入是不可能的事了。那么有是什么方法可以批量完成呢?下面小编教你数据分列的方法步骤,希望对你有帮助!WPS表…

JavaScript中 this 指向问题深度解

JavaScript中 this 指向问题深度解

深度,电脑软件,JavaScript,JavaScript 中的 this 指向问题有很多文章在解释,仍然有很多人问。上周我们的开发团队连续两个人遇到相关问题,所以我不得不将关于前端构建技术的交流会延长了半个时候讨论 this 的问题。与我们常见的很多语言不同,J…

通过js修改input、select默认字体

通过js修改input、select默认字体

默认,字体颜色,修改,电脑软件,js,textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='获取到元素焦点'){value='';document.getElementById('te…

2016年qq给力签名

2016年qq给力签名

大全,电脑软件,qq,  你真的得碰上那个你能降得住又能降得住你的人才算是适合!哪些签名是你喜欢的呢?下面小编给大家分享了关于2016年qq给力签名,希望你喜欢。2016年qq给力签名大全1) 我知道回不去,但还是会想念会回忆会心疼到无法自拔。2) …

浅析为什么a=abc 不等于 a=new Str

浅析为什么a=abc 不等于 a=new Str

不等于,电脑软件,abc,String,显而易见a="abc"typeof a //stringb=new String("abc")typeof b // objecta==b //truea===b //false但是为什么呢?看了很多书,问了好几个大神,其实自己还是稀里糊涂的。这里记录一下,备查。在js中,区分原始资料…

JavaScript函数中的this四种绑定形

JavaScript函数中的this四种绑定形

绑定,函数,四种,形式,电脑软件,正文 javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点——函数中的this总指向调用它的…

浅谈JS中的反柯里化 |  uncurrying

浅谈JS中的反柯里化 | uncurrying

浅谈,柯里,电脑软件,JS,uncurrying,反柯里化相反,反柯里化的作用在与扩大函数的适用性,使本来作为特定对象所拥有的功能的函数可以被任意对象所用.即把如下给定的函数签名,obj.func(arg1, arg2)转化成一个函数形式,签名如下:func(obj, arg1, arg…

JavaScript的事件机制详解

JavaScript的事件机制详解

事件机制,详解,电脑软件,JavaScript,事件是将JavaScript脚本与网页联系在一起的主要方式,是JavaScript中最重要的主题之一,深入理解事件的工作机制以及它们对性能的影响至关重要。本文将详细探讨JavaScript的事件机制,并对比分析了浏览器之间…

thinkPHP5.0框架简单配置作用域的

thinkPHP5.0框架简单配置作用域的

作用域,框架,配置,方法,简单,本文实例讲述了thinkPHP5.0框架简单配置作用域的方法。分享给大家供大家参考,具体如下:配置参数支持作用域的概念,默认情况下,所有参数都在同一个系统默认作用域下面。如果你的配置参数需要用于不同的项目或者相互…