在数据表中加载更多数据功能?

时间:2017-11-03 08:19:05

标签: json ajax datatables

我正在使用1.9.1数据表并通过服务器端处理实现更多功能。

准备好了我加载数据表有10行说,当我点击加载更多然后我需要从服务器获取另外10行并将其附加到现有数据 而不是从服务器获取20行。

这是我的服务器端代码

function(){
       oTable=      $('#customerTable').dataTable({
                    "bJQueryUI": true,
                    "iDisplayStart":0,
                    "iDisplayLength": 10,
                    "bRetrieve": true,
                    "bServerSide": true,
                    "bFilter": false,
                    "bInfo": false,
                    "bAutoWidth": false,
                    "aaSorting": [[1,'desc']],
                    "aoColumns": [
                    {"aTargets": [0],"sName":"customer.fullName", "mData": function(response){
                        return response.customer.fullName;
                    }, "bSortable": false},
                    {"aTargets": [1],"sName":"updatedDate", "mData": function(response){
                        var updateDate = response.updatedDt;
                        return updateDate;
                    }, "bSortable": true},

                    ]

                    "fnDrawCallback": function(oSettings) {


                            }
                        });
            }

我尝试了什么: -

点击加载更多(这是我的数据表未提供的自定义按钮)我触发ajaxserver调用并获取另外10行来添加现有数据。为此,我尝试使用fnAddData但它没有用。
要添加数据,我尝试oTable.fnAddData(new_data_from_server,false);,但它不会显示在UI上。当我oTable.fnGetData()时,我看到了20行但是仍在 UI它仍然显示10个旧行。

我如何能够加载更多功能?

0 个答案:

没有答案