Cómo manejar ventanas emergentes en JavaScript

Aquí hay un ejemplo para mostrar datos de fila en una ventana emergente usando JavaScript. Cada vez que hace clic en la fila, realiza una solicitud del servidor a través de JavaScript y muestra los datos en una ventana emergente. A continuación se muestra el código y aquí está el artículo completo

Mostrar datos de fila en la ventana emergente al hacer clic en la columna de hipervínculo utilizando jquery

Espero que esto ayude

pedazo de código está aquí

$ (“# dialog”). dialog ({
autoOpen: false,
modal: verdadero,
título: “Ver detalles”
});
$ (“# EmployeeTable .details”). Click (function () {
var employeeId = $ (this) .closest (“tr”). find (“td”). eq (0) .html ();
$ .ajax ({
tipo: “POST”,
url: “/ Inicio / Detalles”,
datos: ‘{employeeId: “‘ + employeeId + ‘”}’,
contentType: “application / json; charset = utf-8”,
dataType: “html”,
éxito: función (respuesta) {
$ (‘# diálogo’). html (respuesta);
$ (‘# dialog’). dialog (‘open’);
},
error: función (respuesta) {
//error
}
});

Solo necesita hacer un elemento Input Hidden que estará solo en el formulario.
Y en el ícono del ojo puede establecer un atributo de datos adicionales en ese elemento. Me gusta esto.
por ejemplo,
Al igual que arriba, puede establecer una identificación de datos adicional en ese botón de ojo. Cada vez que el usuario haga clic en ese botón de ojo, obtendrá ese valor de atributo adicional.
por ejemplo (en jQuery) var userid = $ (‘. fa-eye’). attr (‘data-id’);
Y puede establecer este valor de ID de usuario en ese elemento de entrada oculto.
por ejemplo (en jQuery) $ (‘# userid’). val (userid);
Entonces, cada vez que envíe ese formulario, ese elemento oculto de entrada oculta también se enviará. y, por lo tanto, puede obtener una identificación de usuario dinámica y completar la base de datos.