几秒钟后数据表搜索引擎消失

时间:2018-08-08 07:23:59

标签: jquery datatables

我有两个数据表,其中一个包含城镇列表,第二个包含医生列表。 对于城镇,我实现了数据表搜索引擎,效果很好,但是当我为医生实现搜索栏时,它很快就消失了。

enter image description here


enter image description here

从图像中可以看到,在我选择城镇之后,医生的搜索栏迷路了。

源代码:

医生数据表

$(document).ready(function(){

    setTimeout(function () {

        // alert("ready!");
        $('.datatable-medical-map').DataTable({
            dom: 'Bfrtip',
            "bInfo": false,
            "bFilter": true,
            "paging": false,
            "bInfo": false,

            //"scrollY": "200px",
            //"scrollCollapse": true,
            //"sScrollXInner": "100%",
            //"sScrollX": "100%",
            //"sScrollYInner": "100%",
            //"aaSorting": [[1, 'asc']],



            //Dugmici, sve isto
            buttons: [
            ],
            columnDefs: [
                 {
                     targets: [0, 1, 2],
                     orderable: false,
                 }
            ]
        });
        jQuery('.datatable-medical-map').wrap('<div class="dataTables_scroll" />');
    }, 2000);
});

城镇数据表

 function (response, status) {
                    if (status == google.maps.DistanceMatrixStatus.OK && response.rows[0].elements[0].status != "ZERO_RESULTS") {
                        distance = response.rows[0].elements[0].distance.text;
                        duration = response.rows[0].elements[0].duration.text;


                        // $('.datatable-medical-map').DataTable.destroy(true);

                        $.fn.DataTable.isDataTable(".datatable-medical-map");
                        $('.datatable-medical-map').DataTable().destroy();
                        $('.datatable-medical-map').DataTable({
                            dom: 'Bfrtip',
                            "bInfo": false,
                            "bFilter": true,
                            "paging": false,
                            "scrollY": "500px",
                            "scrollCollapse": true,

                            "aaSorting": [[1, 'asc']],
                            //"scrollX": true,


                            //Dugmici, sve isto
                            buttons: [

                            ],
                            columnDefs: [

                                 {
                                     targets: [0, 1, 2],
                                     orderable: false,
                                 }
                            ]
                        });


                        // $("#increment-" + rowid + "").append(", " + " <i class='icon-car'></i>: " + distance + ", " + "<i class='icon-watch2'></i>: " + duration);
                        $("#distance-" + rowid + "").append(parseFloat(distance));
                        $("#duration-" + rowid + "").append(" <i class='icon-watch2'></i>: " + duration);
                        rowid++;



                        // console.log(distance, duration);



                    }
                    else {
                        // alert("Unable to find the distance via road.");
                    }
                });

            }



        }, 1500);


    });

});

有人帮忙吗?

0 个答案:

没有答案