数据表重绘与更新的数据

时间:2016-09-05 09:46:49

标签: jquery datatables

您好我以下列方式实例化我的数据表:

var dataTableOption = { "pageLength" : 5,
                        "pagingType": "simple",
                        "info": false ,
                        "searching": false,
                        "select" : {
                                     style: 'single'
                                   },
                        "lengthChange": false,

                        "columnDefs": [
                                        {
                                            "targets": [ 0 ],
                                            "visible": false,
                                            "searchable": false
                                        }
                                      ],
                        data : this.workdata,

                        columns : [ { data: 'id' },
                                    { data: 'itemno' },
                                    { data: 'artnr' },
                                    { data: 'quan' },
                                  ]


                      };

this.dt = $('#dt-overview').DataTable(dataTableOption );

当我的工作数据由于应用程序逻辑中的事件而发生变化时,我希望数据表的数据能够被更新,并且表格应该显示新数据。在我看过的调试器中,行数据也没有更新。我怎么能意识到它?

提前感谢!

2 个答案:

答案 0 :(得分:1)

我和你的问题完全一样。

我发现this正在工作但我也遇到了一些与应用程序逻辑相关的问题,导致有义务重新初始化(销毁然后初始化)数据表。

答案 1 :(得分:1)

您可以使用fnStandingRedraw刷新数据表中的服务器端数据,它就像一个魅力(不幸的是它已被弃用)。您可以使用https://datatables.net/plug-ins/api/fnStandingRedraw插件并使用如下所示:

// Create variable
var ajaxSourceDataTable;

// Define datatable for variable
ajaxSourceDataTable = $('.datatable-ajax-source table').dataTable() 

// Use this code to redraw/refresh datatable without hard refresh to page
ajaxSourceDataTable.fnStandingRedraw();