如何清除数据从网格数据表插件jQuery的？

我们使用数据表插件如下绑定数据并在网格中显示。下面是代码：如何清除数据从网格数据表插件jQuery的？

productJs = { 
apiBaseUrl: "/api/Admin/GetProductsPurchasedOrInCart", 
dataTableID: "#products_Grid", 

ready: function() { 
    alert('yyyy'); 
}, 
jqueryDatatableSetting: { 
    "aaSorting": [], 
    "aoColumns": [ 
    { "mDataProp": "ProductName" }, 
    { "mDataProp": "Quantity" }, 
    { "mDataProp": "unitPrice" } 
    ] 
}, 

jqueryDatatable: null, 

bindJqueryControls: function (e) { 

}, 
loadProducts: function (oderNo) { 
    //alert(oderNo); 
    var apiUrl = this.apiBaseUrl + '?IsPurchased=Y&OrderNo=' + oderNo; 
    $.ajax({ 
     url: apiUrl, 
     type: "GET", 
     complete: function (resp) { 

      if (resp.status == 200 || resp.status == 201) { 
       $('#products_Grid > tbody').html(''); 
       productJs.bindDatatable(resp.responseJSON); 
      } else if (resp.status == 404 || resp.status == 400) { 

      } 
     }, 
     error: function() { 

     } 
    }); 
} 
, bindDatatable: function (records) { 

    if ($("#products_Grid_wrapper").length == 0) { 
     //it doesn't exist 
     this.productdataTableID = $(this.dataTableID).dataTable(this.jqueryDatatableSetting); 
    } else { 
     var table = $(this.dataTableID).DataTable(); 
     table.clear().draw(); 
    } 

    if (records.length) 
     this.productdataTableID.fnAddData(records); 
} 
}

让我解释一下是怎么回事：我有一个grid绑定t \与上面相同，就是orderJs。我们希望在用户点击订单网格中的详细信息按钮时显示订单详细信息。 Order Grid也使用数据表，因为我绑定了产品的数据。

现在我已经做了：我已经完成了在产品网格中订单号的基础上绑定数据，它第一次正常工作。意味着当我点击“订单详情”时，它会打开正确产品的弹出窗口。现在我已经关闭了弹出。现在点击任何其他订单的详细信息按钮，现在当弹出时打开它获取旧订单的产品+新订单的产品。

我想在重新绑定之前清除Product Grid。

我已经尝试了一些东西，但没有运气，你可以专家家伙，请检查我做错了。

来源

2016-02-04 Ram Singh

大家好我得到了答案..哇..

我刚刚加入更新了我下面的方法“fnClearTable”泛函

bindDatatable: function (records) { 

    if ($("#products_Grid_wrapper").length == 0) { 
     //it doesn't exist 
     this.jqueryproductDatatable = $(this.dataTableID).dataTable(this.jqueryDatatableSetting); 
    } else { 
     this.jqueryproductDatatable.fnClearTable(); 
    } 

    if (records.length) { 

     this.jqueryproductDatatable.fnAddData(records); 

    } 
}

感谢大家的支持... :)

来源

2016-02-04 07:30:48

如何清除数据从网格数据表插件jQuery的？

回答

相关问题