Quiero poder lograr cambiar el dataset
de un botón dinámicamente al ejecutar una función de acuerdo al activo presionado obteniendo su id
.
Anexo el código para mejorar la compresión del problema:
// Función que despliega un modal sencillo de múltiples activos (Botones, entidades)
$(document).ready(function() {
$(".viewAttributes").click(function() {
/* este valor cambia de acuerdo al activo que presionaste
ES EL VALOR QUE NECESITO CAMBIAR DINAMICAMENTE EN EL DATASET DEL HTML*/
var id_activo = $(this).data("id") || "0";
/* **CODIGO JS SIN ENFOQUE CREANDO UNA TABLA**
Append para ya mandar la tabla al html */
$("#table_attributes").empty().append(html);
});
});
Del lado HTML, donde se encuentra el botón, está de esta manera:
<div class="row justify-content-center">
<table
class="table table-hover table-striped table-hover table-responsive-lg " id="attributeActivoTable">
<thead class="text-uppercase text-dark font-weight-bold">
<tr style="text-align: center;">
<th scope="col">Titulo</th>
<th scope="col">Contenido</th>
</tr>
</thead>
<tbody id="table_attributes" class="text-center">
<!--Imprime la tabla generada por Javascript-->
</tbody>
</table>
</div>
<div class="row">
<div class="col-md-4 mt-2">
<button type="button" class="btn btn-danger pr-2" data-dismiss="modal">
Cancelar
</button>
<!--BOTÓN QUE NECESITO CAMBIAR EL DATASET DE ACTIVO
La clase editAttribute sirve para abrir un modal y en la función detectar el id de acuerdo a su dataset-->
<input type="button" id="editAttribute" class="btn btn-primary buttonEvent editAttribute" data-activo="" value="Editar Valores del Template" />
</div>
</div>
Al presionar el botón HTML debió haber capturado data-activo
que anteriormente identificó dinámicamente.
$(document).ready(function() {
$(".editAttribute").click(function() {
var idActivo = $(this).data('activo') || '0';
console.log(idActivo);
});
});