В моей функции я использую переменную (ссылку), которая получает значение ID
из строки в моем datatable
для использования в URL-адресе Ajax
при нажатии на элемент в строке.затем при наведении открывается всплывающее окно начальной загрузки, чтобы отобразить массив из другой таблицы, соответствующий значению ID
.
Это отлично работает в первый раз, но мне нужно перезапустить функцию для каждой строки в datatable
.В данный момент он просто показывает массив для первого элемента, на котором я щелкаю.
столбец данных
{ data: null,
render: function ( data, type, row ) {
if (data.imagecount3.count == null){
return '<div style=" width:100%; font-size:13px; text-align:left;">0 / 0</div>'}
else if (data.imagecount3.count == data.filecounter.Counter) {
return '<div style=" width:100%; font-size:13px; color:#1ABB9C; font-weight:bold; text-align:left;">'+data.filecounter.Counter+' / '+data.imagecount3.count+'</div>'}
else {
return '<div style=" width:100%; font-size:13px; text-align:left;"><a data-toggle="popover" href="ajax.php?var='+data.macleanf.id+'" class="ajax_link">'+data.filecounter.Counter+' / '+data.imagecount3.count+'</a></div>'}
}},
PHP-соединение
<?php
$con=mysqli_connect("localhost","XXXX","XXXX","company");
// Check connection
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
// escape variables for security
$var = mysqli_real_escape_string($con, $_GET['var']);
$sql=$con->query("SELECT Title FROM tblgalleryimages2 WHERE GalleryID='$var'");
//fetch tha data from the database
while ($row = $sql->fetch_array()) {
echo $row{'Title'};
}
mysqli_close($con);
?>
script
$('#yamba_overview').on( 'click', 'a.ajax_link', function (e) {
e.preventDefault();
var link=$(this).attr('href');
$.ajax({ //Make the ajax request
url: link,
cache: false
}).done(function(html) { //On complete run tooltip code
$('[data-toggle="popover"]').popover(
{title: "Missing Documents",
trigger: "hover",
content: html});
});
});