рони,
Nexus,
$('#mydata').on('click', 'button.activeBtn', function() {
var $t = $(this);
$.ajax({
url: '/monitor/' + $t.parents('tr').attr('class') + '/' + $t.data('id'),
type: 'POST',
dataType: "json",
success: getTable
});
});
к сожалению так не работает, с двумя обработчиками работает,но не получается сделать toggle switcher или просто если active делаю display=true кнопке актив если стаут active=false;тоесть кнопка activeBtn меняется,
$(document).ready(function() {
var __getTable_timeout = 0;
function getTable() {
clearTimeout(__getTable_timeout);
$.ajax({
url: "monitor/all",
type: "GET",
dataType: "json",
success: function(response) {
var trHTML = '';
$.each(response, function(key, value) {
trHTML += '<tr><td>' + value.id + '</td><td>'
+ value.url + '</td><td>'
+ value.exceptedHttpResponseCode + '</td><td>'
+ value.status + '</td><td>'
+( (value.active ? '' : 'in')+'activate') +'</td>' +
'<td><button data-id="' + value.id + '" + value.id + class="btn btn-danger btn-sm delBtn">Delete</td>' +
'<td><button data-id="' + value.id + '" + value.id + class="btn btn-danger btn-sm activeBtn">active/inactive</td></tr>';
});
$('#mydata').html(trHTML);
__getTable_timeout = setTimeout(getTable, 1000);
}
});
};
getTable();
$('#mydata').on('click','button.activeBtn',function(){
var id = $(this).data('id');
$.ajax({
url: '/monitor/deactive/' +$(this).data('id'),
type: 'POST',
dataType: "json",
success: getTable
});
});
$('#mydata').on('click','button.activeBtn',function(){
var id = $(this).data('id');
$.ajax({
url: '/monitor/active/' +$(this).data('id'),
type: 'POST',
dataType: "json",
success: getTable
});
});
});