Ячейка гиперссылки Datatables.js
Используя DataTables.js, и для каждой ячейки в столбце необходимо иметь интерактивный URL-адрес. На данный момент я пытаюсь сделать так, чтобы он перешел на google.com.
Я изо всех сил пытаюсь заставить его работать, и после того, как несколько учебных пособий все еще не готовы, мой код выглядит следующим образом;
jQuery(window).load(function () {
jQuery.ajax({
url: "Requisitions.aspx/GetMyRequisitions",
method: "POST",
data: '{"ReqId":"' + reqId + '", "Title": "' + reqTitle + '", "PrimaryHiringManager": "' + reqHiringManager + '", "StartDate": "' + reqStartDate + '", "Status": "' + reqStatus + '", "Applicants": "' + reqApplicants + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
jQuery('#MyRequisitions').DataTable({
data: data.d,
retrieve: true,
order: [[5, "desc"]],
responsive: true,
column:
[
{ "data": "ReqId" },
{
"data": "Title",
"render": function (data, type, row, meta) {
data = '<a href = "https://www.google.com/"></a>';
return data;
}
},
{ "data": "PrimaryHiringManager" },
{ "data": "StartDate" },
{ "data": "Status" },
{ "data": "Applicants" }
]
});
}
});
});
Это общая идея в долгосрочной перспективе, на данный момент я просто пытаюсь заставить ее перейти в Google
Хорошо, если это цель, ваш код в порядке, но я рекомендую вам дать гиперссылке интерактивное имя привязки, а не ничего, например return '<a href = "https://www.google.com/" target=_blank>google</a>' :)
@davidkonrad уже есть данные, помещенные в фактическую ячейку Title, поэтому я просто хочу использовать это как текст привязки, щелкнуть по нему и перейти на google.com
Затем return '<a href = "https://www.google.com/" target=_blank>'+data+'</a>'. Когда вы используете render()callback, вы полностью переопределяете весь рендеринг, он не будет отображать Title, если вы сами не включите его в возвращаемое значение.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
попробуй это дорогой
{"data": "Title",
"render": function(data, type, full, meta) {
return '<a href = "#" onclick = "selectCompany([' + data + '])">' + data + '</a>';
}
},
Событие onclick вызывает функцию javascript и передает данные функции, которую вы пробуете по-своему
Hyperlink with passing value to it
{
"render": function (data, type, full, meta)
{ return '<a class = "btn btn-info" href = "/Demo/Edit/' + full.CustomerID + '">Edit</a>'; }
}
On Click of Hyperlink calling function
{
data: null, render: function (data, type, row) {
return "<a href='#' class='btn btn-danger' onclick=DeleteData('" + row.CustomerID + "'); >Delete</a>";
}
},
function DeleteData(CustomerID) {
if (confirm("Are you sure you want to delete ...?")) {
}
else {
return false;
}
}
Output
Link of Article if you want more Details
"... интерактивный URL для перехода к разным записям и т. д." Вы должны быть более конкретными. И покажите, что вы пробовали.