En una tabla de datos, cómo pasar un valor de datos a una función aquí, estoy usando dos variables (newId, orderId) y ambas muestran el valor en la consola, pero cuando paso el valor a un botón al hacer clic en la función (renderViewDetails) está diciendo variable ( newId o orderId) no está definido, entonces, ¿qué debo hacer para pasar el valor a una función al hacer clic en el botón?
{ data: null, orderable: false, className: 'text-center', render: function (data, type, row, ) { var newId = data.id; console.log(221, newId); let orderId = `${data.id}`; console.log(223, orderId); let selDropdown = `<div class= flex-button> <div> <a href="" id="" class="" data-toggle="modal" data-target="#view-details-modal"> <button id="btnViewConcepts" class="btn-link" type=""button" onclick="renderViewDetails(orderId)">View Details</button> </a> </div> <div id="setOption">` }Aunque está haciendo lo correcto al usar la plantilla literal (comilla grave) para su cadena HTML, cuando pasa su variable, está pasando una cadena del nombre de la variable en lugar de su valor. En su lugar, encierre la variable entre llaves con un signo $ al frente.
let selDropdown = `<div class= flex-button> <div> <a href="" id="" class="" data-toggle="modal" data-target="#view-details-modal"> <button id="btnViewConcepts" class="btn-link" type=""button" onclick="renderViewDetails(${orderId})">View Details</button> </a> </div> <div id="setOption">`let selDropdown = `<div class= flex-button> <div> <a href="" id="" class="" data-toggle="modal" data-target="#view-details-modal"> <button id="btnViewConcepts" class="btn-link" type=""button" onclick=${renderViewDetails(orderId)}>View Details</button> </a> </div> <div id="setOption">`