我有两个数据表,其中一个包含城镇列表,第二个包含医生列表。 对于城镇,我实现了数据表搜索引擎,效果很好,但是当我为医生实现搜索栏时,它很快就消失了。
从图像中可以看到,在我选择城镇之后,医生的搜索栏迷路了。
源代码:
医生数据表
$(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);
});
});
有人帮忙吗?