Buenas, a ver si me pueden ayudar: Tengo una petición ajax tal qué:
function getData(){
$.ajax({
url: url_serv,
type: 'GET',
dataType: 'json',
success: function(data){
imprimir(data);
}
.... en imprimir me hace lo siguiente:
function imprimir(datos) {
$('#miTable').DataTable({
data: datos,
columns:[
{ "data": "id" },
{ "data": "name" },
{ "data": "publish"},
{ "render":
function ( data, type, row ) {
Aquí metere el boton para modificar y que invoque a Dialog.
....código faltante....
}
}
]
});
}
Tengo que añadir una sexta columna que sea un botón para modificar cualquiera de las filas, se supone que al pulsar ese botón, sale un dialogo con la api Dialog de JQuery y los datos (El dialog ya lo tengo creado). Pero para modificar la fila o dato, tengo que utilizar "render"... y luego ahí hacer una petición put al servidor para modificarlo, pero estoy perdido en como hacerlo.
¿Alguien me puede ayudar o indicar un poco por donde tirar?
Código HTML:
<body>
<button id="cargar">Get JSON data</button>
<table id="miTable" width="100%"></table>
<div id="dialog-form" title="Modificar pelicula">
<p> Modifique los campos: </p>
<form>
<fieldset>
<label for="id">ID:</label>
<input type="text" name="id" id="id">
<label for="name">Nombre:</label>
<input type="text" name="name" id="name">
<label for="publish">Publicación:</label>
<input type="date" name="publicacion" id="publish">
</fieldset>
</form>
</div>
</body>