El codigo a continuacion lo que hace es que cuando se le da click a cualquier elemento de la tabla toma la semana y el a;o del dato para poderlo eliminar, el problema es que es peligroso que sea asi ya que cualquiera que le de click hasta sin querer ya estarias a punto de borrar un dato, por lo que quiero poner esa funcion en un boton, pero en el boton ya no me trae los datos. Alguien sabe como hacerle?
Esta es la tabla en donde esta el tbody, que es con lo que tomo los datos
<table id="table" data-toggle="table" data-show-columns="true" data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-export="true"
data-pagination="true" class="table table-condensed">
<thead>
<tr>
<!-- Encabezados -->
<th data-sortable="true">Year</th>
<th data-sortable="true">Week</th>
<th data-sortable="true">Refresh</th>
<th data-sortable="true">JTAG</th>
<th data-sortable="true">VPX</th>
<th data-sortable="true">RENAULT</th>
<th data-sortable="true">RES</th>
<th data-sortable="true">FEM</th>
<th data-sortable="true">AIO</th>
<th data-sortable="true">MIDEND</th>
<th data-sortable="true">LDM</th>
<th data-sortable="true">Total</th>
</tr>
</thead>
<tbody id="tbody">
<!-- Cuerpo -->
<% for(int i=Tabla.Rows.Count-1; i>=0; i--){ %>
<script type= "text/javascript"> var celdas = document.getElementById("table").getElementsByClassName("data-sortable");</script>
<tr>
<td><%Response.Write(Tabla.Rows[i][0].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][1].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][2].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][3].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][4].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][5].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][6].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][7].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][8].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][9].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][10].ToString()); %></td>
<td><%Response.Write(Tabla.Rows[i][11].ToString()); %></td>
</tr>
<% };%>
</tbody>
</table>
Y aqui mando los datos por ajax
<script type="text/javascript">
const tablita = document.querySelector('#tbody');
tablita.addEventListener('click', (e) => {
let EliminarPregunta = confirm("Desea eliminar los datos de la semana " + Number(e.target.parentElement.children[1].textContent) + " del año " + Number(e.target.parentElement.children[0].textContent) + "?");
if (EliminarPregunta == true) {
var x = (Number(e.target.parentElement.children[1].textContent));
var xy = (Number(e.target.parentElement.children[0].textContent));
$.ajax({
type: "POST",
url: "MillsData.aspx/EliminarSeleccionado",
data: JSON.stringify({ "semana": x, "anio": xy }),
contentType: 'application/json; charset=utf-8',
dataType: "json",
success: function (response) {
},
error: function (xmlhttprequest, textstatus, errorthrown) {
alert(errorthrown);
alert(textstatus);
}
});
confirm("Se ha eliminado el dato seleccionado.");
location.reload();
}
else if (EliminarPregunta==false) { alert("No se elimino ningun dato."); }
});
</script>
Quisiera agregar un boton en cada fila de la tabla y que cuando se le de click al boton se haga lo que se hace cuando se le da click a la tabla, el problema es que cundo pongo en el boton mi js entonces deja de obtener la informacion de la tabla