jq:使用dataTable插件无法重复请求问题

在项目中使用dataTable插件来实现表格,但是在进行tabs切换时,dataTable不能够重复发起请求

function getList(type) {
     
            Config.grid = new Datatable();
            Config.grid.init({
                src: $("#tableTeacherQA"),
                onSuccess: function (grid) {
                },
                onError: function (grid) {
                    console.log(grid,555)
                },
                dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options
                    lengthMenu: [
                        [20, 50, 100, 150],
                        [20, 50, 100, 150] // change per page values here
                    ],
                    pageLength: 20, // default record count per page
                    ajax: {
                        url: "请求地址",
                        data: { ReasonType: type},
                        type: "POST",
                        cache: false,
                        dataType: "json"
                    },
                    columns: [

                        {
                            data: 'ID',
                            render: function (data, meta, row) {
                                console.log(data)
                                //if (row.RiskType == 0) {
                                return '<input type="checkbox" class="teachCheck" data-value="' + row.TUID + '" data-type="' + row.CheckTypeName+'" onchange="changeCheck(event,this)" name="che" value="' + data + '" class="checkPaypalClass">';
                            //    } else {
                            //        return '';
                            //    }
                            },

                            "orderable": true   //排序
                        },
                    
                    

                    ],
                    language: { // language settings
                        "lengthMenu": "&nbsp;<span class='seperator'>|</span>&nbsp;每页显示 _MENU_",
                        "info": "&nbsp; 记录总数: _TOTAL_",
                        "emptyTable": "Not Found Result",
                        "infoEmpty": "",
                        destroy: true
                    }
                }
            });
        
    }
    解决办法:
在tabs切换的时候先将这个dataTable销毁,可以重复提交了
$("#tableTeacherQA").dataTable().fnDestroy();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值