前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery datatable调用.clear().draw()方法后不能清空表格数据

jquery datatable调用.clear().draw()方法后不能清空表格数据

作者头像
johnhuster的分享
发布2022-03-28 17:56:11
1.5K0
发布2022-03-28 17:56:11
举报
文章被收录于专栏:johnhusterjohnhuster

使用jquery datatable时如果采用了下面配置

代码语言:javascript
复制
$('#xx').DataTable({
        "serverSide": true,  --在服务端处理数据
        "processing": true,
        "bAutoWidth": false,
        "autoWidth": false,
 

那么这种情况下不能通过.clear().draw()方法来清除datatable,因为draw方法会引起table reload方法调用!

部分相关代码:

代码语言:javascript
复制
function _fnDraw( oSettings )
 {
 /* Provide a pre-callback function which can be used to cancel the draw is false is returned */
 var aPreDraw = _fnCallbackFire( oSettings, 'aoPreDrawCallback', 'preDraw', [oSettings] );
 if ( $.inArray( false, aPreDraw ) !== -1 )
 {
 _fnProcessingDisplay( oSettings, false );
 return;
 }
 
 var i, iLen, n;
 var anRows = [];
 var iRowCount = 0;
 var asStripeClasses = oSettings.asStripeClasses;
 var iStripes = asStripeClasses.length;
 var iOpenRows = oSettings.aoOpenRows.length;
 var oLang = oSettings.oLanguage;
 var iInitDisplayStart = oSettings.iInitDisplayStart;
 var bServerSide = _fnDataSource( oSettings ) == 'ssp';
 var aiDisplay = oSettings.aiDisplay;
 
 oSettings.bDrawing = true;
 
 /* Check and see if we have an initial draw position from state saving */
 if ( iInitDisplayStart !== undefined && iInitDisplayStart !== -1 )
 {
 oSettings._iDisplayStart = bServerSide ?
 iInitDisplayStart :
 iInitDisplayStart >= oSettings.fnRecordsDisplay() ?
 0 :
 iInitDisplayStart;
 
 oSettings.iInitDisplayStart = -1;
 }
 
 var iDisplayStart = oSettings._iDisplayStart;
 var iDisplayEnd = oSettings.fnDisplayEnd();
 
 /* Server-side processing draw intercept */
 if ( oSettings.bDeferLoading )
 {
 oSettings.bDeferLoading = false;
 oSettings.iDraw++;
 _fnProcessingDisplay( oSettings, false );
 }
 else if ( !bServerSide )
 {
 oSettings.iDraw++;
 }
 else if ( !oSettings.bDestroying && !_fnAjaxUpdate( oSettings ) )
 {
 return;
 }
 
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-07-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档