🔴 DATATABLES JQUERY 06: Agregar botones de acción y funciones obtener data
Вставка
- Опубліковано 19 вер 2024
- Añadir botones (modificar, eliminar) a DataTable y funciones para obtener datos de cada fila.
Agregar botones dentro de DataTables, obtener data de una fila en DataTables.
📖 Botón estilo: goo.gl/nXbsUD
💻 Serie completa: goo.gl/WCTgd0
🎓Asesoría y Servicios: goo.gl/1R2aBu
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
REDES SOCIALES
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
► Facebook: / codigowolf
► Twitter: / codigowolf
► Blog: programandobrot...
► Google Plus: plus.google.co...
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
Music used: Milkshake by Aaron Spencer
machinimasound....
Licensed under Creative Commons Attribution 4.0 International
(creativecommons...)
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
TAGS:
Añadir botones en Datatable de acción para modificar y eliminar, DataTables Jquery, como agregar botones a datatables, añadir botones de acción y funciones obtener data, DataTables Jquery Php Mysql agregar botones, DataTables Jquery Php Mysql agregar botones editar y eliminar, DataTable Jquery modificar y eliminar filas, Datatables Jquery en español, datatables php mysql crud, datatables jquery plugin with php & mysql - example, datatables php mysql crud, Show JSON Data in Jquery Datatables, Invalid JSon en Datatable solucion Jquery, how to get a row from datatable ,how to get row in datatable jquery,how to get selected row in datatable ,how to get a specific row from datatable, how to get a row value from datatable, how to get a specific row from datatable, how to get single row from datatable, how to get last row from datatable in php, how to get a row from datatable, how to get a row from a datatable,how to get a row from a datatable, how to find a row in a datatable, jQuery Data Tables plugin in 7 minutes, Plugin dataTables para jQuery, Crear Datatable JQuery tomando informacion MySQL y PHP, DataTables Plugin con jQuery UI, PHP PDO y MySQL, Crear Datatable JQuery tomando informacion MySQL y PHP, datatables jquery español, CRUD con DataTables: PHP + jQuery mysql, DataTables AJAX JSON PHP MYSQL, Live Table Add Edit Delete using Ajax Jquery in PHP Mysql, Mostrar Datos en DataTable con PHP - MySQL, Simple CRUD with Datatables, JQuery and Adminlte Tutorial for Beginner, datatables php mysql example, datatables php mysql jquery, datatables php mysql ajax, datatables php mysql tutorial, datatables responsive, bootstrap datatable php mysql, datatables jquery demo application, jquery datatables ajax, datatables jquery demo aplicación, datatables php mysql, datatables php mysql ajax, datatables jquery español, datatables bootstrap, datatables jquery, datatables php, Live Table Add Edit Delete using Ajax Jquery in PHP Mysql, datatables plugin con jquery ui php pdo y mysql, datatables ajax, datatables mysql, datatables table plug-in for jquery, datatables, datatables pagination, datatables editable, datatables filter, datatables in php, datatables jquery plugin with php & mysql - example, datatables jquery php, datatables jquery server side, datatables jquery tutorial, jquery datatables mvc, jquery datatables asp.net, javascript datatables, jquery datatables plugin, datatables plugin, jquery datatables php, datatables responsive, datatables server side, datatables server side php, datatables server side java, datatables search, jquery datatables server side, datatables tutorial, datatables tabletools, jquery datatables tutorial, using datatables
Excelente información, revisando el codigo creo que te falto esto en el campo de opciones.
{ data: null, "defaultContent": "Editar" }
Gracias me salvaste la vida
Si funcionó, pero mi pregunta es porque sigue tomando los datos de data si no le pones null?
Gracias sigues salvando vidas!
tienes los vídeos exactos y necesarios para usar datatables. Muchas gracias por la ayuda. Saludos desde Teotihuacán, México
Agradezco tu gran aporte sigue adelante felicidades un saludo desde Bolivia
Gracias por comentar, Jhonny 😁👍.
hola muy buenas solo quería decir que todo esta muy bien explicado y que eres un gran aporte para la comunidad sigue así
Gracias, Guillermo. 😁👍
Pase horas tratando de solucionar lo de obtener la data y contigo, en unos minutos lo solucione... Muchas gracias bro!!!
Hola, me parecen muy útiles estos vídeos y estoy agradecido que comparta la información, aunque de ellos sólo estoy usando ajax para llenar un datatable, lo que ahora necesito es agregar clases a una etiqueta , como por ejemplo, para poder alinear el contenido solamente para esa columna. ¿sabría usted como puedo hacerlo?
Buena tu explicación Dios te Bendiga Gracias por tu ayuda.
Gracias compañero. 😃👍
Excelente video, me has ayudado amigo, gracias!!!!
Me la complique mucho haciendo esos botones, que al final de todo funcionó pero sentí que fue mas fácil esta forma.
Muchas gracias por tus aportes, son muy prácticos. Tengo un inconveniente al dar click en el boton editar sale undefined.
Muchas gracias por tu atención.
gracias amigo excelente video, me funciono para recolectar la informacion del row seleccionado
Gracias, Jonathan. 😁👍
Excelentes videos gracias.
Muy bueno esta serie de videos amigo sin embargo me quede estancado en este punto, puesto que como soy nuevo en esta clase de programación queria realizar la modificacion de datos pero dentro una ventana modal, osea que pueda rescatar los valores dependiendo de un ID como tu lo hace pero dentro de una ventana modal. Agradecere si me puedes guiar con este pequeño problemita para mi. Graciassss..
Hola solo con una pequeña observación, hago uso de un datatable pero este se llena a partir de un parámetro que lo elijo por un select, todo funciona bien, pero en caso una de las consultas no devuelva registros ocurre un pequeño fenómeno: la siguiente vez que si trae registros, el click falla porque table es null, exactamente en la línea 145 del minuto 6:34, ya logré resolverlo, pero tal vez tengas una forma más elegante de resolverlo a como yo lo hice,
Muy buenos videos 👍
Gracias, hermano. :)
Muy buen, está bién? creo que fue todo muy claro, está bién? es muy interesante poder usar botones en las tablas, está bién? y lo mejor es que le pones estilos, está bién? sigue asi amigo, está bién? nos vemos en el próximo, está bién?
Para evitar escuchar mi "está bien", podrías COMPRAR un curso, ¿está bien? 😀
Excelente video! Ayudo un monton todo eso, fue de gran utilidad
Espectacular 👍👏👏👏
Excelente video amigo!! me has ayudado en dias de desarrollo a 1 solo xD
Jajaja, esa era la idea. 😃
Excelente tutorial compi, además muy bien explicado y ameno.
Tengo una duda a ver si me la puedes resolver.
Quiero y siempre que sea posible poder pasar el valor del id que recogemos del data a otra página una vez picamos en el boton de acutalizar registro. Ya que no queiro tenerlo todo en la misma página como lo tienes montado tu.
Queiro ir por ejemplo a la página edit.php y me aparezcan todos los registros para poder modificarlos.
Y claro como estoy aprendiendo todo en este mundo de la programación no se como hacerlo.
Y se que se tien que poder xq del data recuperamos todos los campos para rellenar la tabla.
Espero haberme explicado bien y me puedas hechar un cable.
Muchas gracias y sigue así xq tienes un suscriptor mas.
Un crack! Me ayudó mucho a entender y agregar botones.
Suscrito a tu canal.
Gracias por comentar compañero. 😁😁
Excelentes vídeos.
Gracias por verlos compañero. 😄
Excelente video, podrias orientarme como agregar otro boton para tomar datos de una fila y enviarlos a otra tabla? mucahs gracias
muchas gracias, excelente tuto. Tengo una duda se puede actualizar la infomación de una columna sin necesidad de reiniciar o recargar la tabla completa?
Hola... ante todo te felicito por tu didáctica para explicar los temas... he seguido varios vídeos tuyos referidos a Datatable He puesto en.practica este de Agregar botones. pero me surgió un problema. Tengo una ventana modal que contiene una datatable con datos de clientes que obtengo mediante ajax. en dicha tabla tiene un botón para seleccionar el cliente y cargarlo en el formulario principal. Todo ok cuando abro la ventana modal por primera vez. El problema surge cuando abro por segunda vez la ventana Modal. Me tira un error como que no está definida la variable "data". Creo que surge porque tengo que utilizar el método "detroy" de datatables por que me tira un error cuando abro la ventana Modal. Si puedes ver mi código para que me des una mano te lo paso por privado. Desde ya Muchas gracias y nuevamente felicitaciones.... ·
Amigo excelente video, pero tal vez tienes algún video o puedes hacer uno en el que se agregue un botón para deshabilitar la fila
Buenas noches, en primer lugar felicitarte por este Tutorial. tengo un pequeño inconveniente con respecto a los botones de acción........ en el video se te ve que te aparece el formulario pero en mi caso no aparece nada.... podrías ayudarme con este inconveniente? gracias...saludos!!!
Todo bien con tu codigo, el problema es que cuando la tabla se hace responsive se ocultan los botones y cuando se ocultan ya deja de funcionar la Data, si la tabla esta en tamaño normal si funciona pero en tamaño mas pequeño al parecer No. Alguna idea.
Estimado, por favor puedes subir un video que integre validación de campos a la estructura que propones. Gracias!
buenos videos los voy a replicar en mvc asp.net c# ya que es donde estoy trabajando en un proyecto parecido gracias por tus videos saludos
Gracias por comentar, Geovanny. 😁👍
Hola Codigo Wolf, pues gracias por aportar estos conocimientos y sigue asi que eres bueno en esto.
pues tengo una pregunta. sabes que necesito recuperar un campo (status). te explico: imagina que en esta tabla del tutorial tienes un campo Status y este solo puede estar Activo / Inactivo bien hasta aqui pero resulta que no vas a guardar el texto en la db ya que lo correcto seria guardar 0 / 1 y al recuperarlo en la vista pues manipulas los datos como entiendas.
pues me gustaria saber como haces eso... gracias y espero tu ayuda.
esto esta increíble!.. mi única duda es como puedo hacer para ocultar el botón según una variable.
super bueno muchas gracias
Gracias por comentar. 😃👍
excelente!
Como hago para editar los datos sobre la linea del registro en la tabla?, es decir dar clic en editar y modificar los campos sobre esa misma fila de la tabla? Muchas gracias por compartir tu conocimiento.
Estimado amigo, tengo un caso, que seria ver el detalle de un registro, en tu ejemplo obtienes toda la fila, cuál seria el código si solo deseo captar digamos el código de un cliente dentro de un datatable y mostrar en un modal el detalle de su pedido, tu ayuda será bien venida, mil gracias.
Excelente video!
Como le haces para que cualquier botón que pongas dentro del datatable lo puedas desabilitar?
ocupo poner un tercer botón (dropdown button) lleno con información según el ID de cada renglón. El tercer botón aparecerá dependiendo del valor de un parámetro que recibo de la URL. Alguna idea?
Hola, como podría agregar variables dentro de las que enviá al servicio rest?
vi que se tiene la posibilidad de agregar algo en
"data": function ( d ) { d.myKey = "myValue"; // d.custom = $('#myInput').val(); // etc }
pero no me queda claro si en este caso se agregaría una variable con nombre "myValue" o como podría agregar dos variables distintas.
Como caso de ejemplo queria colocar algunos filtros adicionales para que por ejemplo me busque un rango de fechas y para tal uso necesito poder agregar a los datos que envia el filtro de data tables los campos fechaDesde y fechaHasta.
Amigo muy buenos videos, consulta, estaba trabajando con esto, pero me salto una duda, en el formulario donde editas tienes todos las cajas como tipo input, ¿puedes hacer un ejemplo cargando los datos de la tabla pero en un campo select?, yo inserte un select pero no me carga el dato que tenia, muchas gracias de antemano
Hola, como podría hacer para que un pligin en vez de enviarme el formulario por mail al hacer click en el botón submit me envie los detalles que cargóel cliente al whatsapp? Muchas gracias!
hola wolf, antes de todo gracias por compartir tus conocimientos, tus videos son de mucha ayuda.
Ahora quisiera que me ayudes por favor, es que en la parte de obtener los datos no lo logro, mira mi codigo
var obtener_data_editar = function(tbody, table){
$(tbody).click("button.editar", function(){
var data = table.row( $(this).parents("tr") ).data();
console.log(data);
});
la parte de la función del click lo he hecho de la forma que esta arriba y de la siguiente:
$(tbody).on("click", "button.editar", function()
pero tampoco me funciona, uso jquery 3.3.1, php 7, dataTables.bootstrap4
te dejo el código haber si detectas el problema, espero puedas ayudarme.
$(document).ready(function(){
listar();
});
var listar = function(){
var table = $("#iddatatable").DataTable({
"ajax":{
"method":"POST",
"url":"procesos/listarnotas.php",
},
"columns":[
{"data":"dnialumno"},
{"data":"nombre"},
{"data":"programa"},
{"data":"ciclo"},
{"defaultContent":"Agregar Notas "}
]
});
obtener_data_editar("#iddatatable tbody", table);
}
var obtener_data_editar = function(tbody, table){
$(tbody).click("button.editar", function(){
var data = table.row( $(this).parents("tr") ).data();
console.log(data);
});
}
hola, gracias por el video, pero tengo una consulta...
Como puedo hacer que renderize distintos botones en caso de que el valor de una columna sea "X"
onda, si el dni = "123" me muestre solo el boton eliminar...
gracias por tu tiempo, saludos!
Me sucede q cuando adiciono una columna nueva con los botones d accion el datatable pierde las funcionalidades de ordenar, buscar, paginado etc.....alguna idea de q puede ser o solucion??
Disculapa, para realizar busquedas por id y no me de coincidencias ejemplo buscar el 1 y no me atraiga el 11,111,12,13,14 y que tambien haga la busqueda por nombre esa no importa las coincidencias.
Para los que les sale el error de table.row is not a function solo tienen que modificar el .dataTable a .DataTable. no se exactamente la diferencia pero me funciono.
var listar = function(){
var table = $("#cliente").DataTable({
Si es ese el motivo debe ser por la versión de Datatables. Gracias por tu aporte compañero. 😁
Chabón, sos un crack. Me rompí la cabeza 1hs buscando una manera y era solo cambiar esa mayúscula. Buscaré el origen exacto pero mil gracias. A ambos!
Me sale undifined en la salida, osea, la función no devuelve nada. Ayuda!
👍
Queria saber como mandar una variable a otra página para hacer otra consulta muchas gracias (Y) algo tipo
Si yo creo listar y la mando a llamar no me la detecta, pero si meto la función directamente en document si me funciona eso a que se debe?
hola que tal estoy usando asp.net , y quiero agregarle los botones pero no me aparcen
es de la misma forma o diferente?
Es de la misma forma, prueba primero poniendo un botón, de repente por ahí tienes un error de sintaxis.
muchas gracias he una ultima consulta no se si puedas ayudarme ya le agregue el botón como le paso el id del elemento al boton para eliminar o editar ya prove con eval pero no funciona
Sigue mirando los demás vídeos, en uno de ellos, hago lo que me estas consultando. 😁
puedes pasarme un ejemplo pero para un select,
$.ajax({
type: "POST",
url: "productos.php"
}).done(function(data) {
alert(data);
var $comprado = $('#comprado');
$comprado.empty();
for (var i = 0; i < data.length; i++) {
$comprado.append('' + data[i].nombre + '');
}
});
no logro llenarlo, pero veo mediante alert que si estan los datos en data
Pregunta, cómo haces que se seleccione una fila, es decir que al clicar se cambie de color.
Como estás una consulta ... como hago si quiero que la data que me muestra por defecto la tabla, tenga una condición por ejemplo solo quiero que me aparezcan clientes activos y en la tabla en la base tengo una columna donde tienen 0 los inactivos y 1 los activos ??? imagino no debe ser tan dificil. Gracias de antemano por la ayuda.
Puedes enviar parámetros, a través de ajax o prácticamente modificar tu query, aplicando la condicional where. 😁
@@CodigoWolf de repente tienes algún link de ejemplo para ver como lo aplico muchas gracias por responder
@@rafaelsanchez4730 Enlace: [ datatables.net/reference/option/ajax.data ]
Hola Amigo buenos tus vídeos me son de gran ayuda, una consulta hay unos archivos css que no se cargan al iniciar la pagina, están apuntado a una carpeta que no existe, por ejemplo este "localhost/datatables/css/Bootstrap-3.3.6/fonts/glyphicons-halflings-regular.woff2" estos archivos no son importantes ya que no afectan a la funcionalidad de este ejemplo pero solo como una duda que tengo porque salen estos errores y donde puedo editarlos, gracias de antemano
en cuanto al boton eliminar se abre la ventana modal y se cierra de inmediato
cual seria mi error?
ayuda porfavor
hola amigo te quiero hacer una pregunta donde haces
columns: [
{data:"name"},
{data:"lastname"},
{data:"city"},
{data:"gender"},
como le puedo dar estilo a uno de los campos por ejemplo tengo un campo estado de pago y me gustaria hacer un tipo boton con un color para cada estado . pagado - por pagar - etc
te lo agradesco de ante mano
Si se puede
Buen video! consulta, por que no entregas todo el código? y solo entregas la parte de diseño
Ah, por protocolos míos compañero, con el pasar del tiempo te darás cuenta del porque.
Otra cosa, eres el primer sub, que veo que tiene como apellido "Abarca". Si eres de Perú, quizá seamos parientes. 😄
estimado,
cuando hago lo que me dices
var vum = $("#txtvum").val(data.vum);
console.log(vum);
en la consola me sale esto jquery.fn.init[input#txt]
¿Con qué código se muestra el formulario editar? quiero saber como mostrar el el formulario al presionar el boton "editar".
busca modales en bootstrap y veras varios ejemplos.
Amigo, como se podría hacer que el botón en vez de rellenar el formulario, enviara el idcliente por un form de tipo get a otra página, me urge hacer eso amigo espero tu ayuda
como hago para detectar que se seleccionó una fila?
hola he utilizado tu funcion para obtener data, funciona casi perfecto, pero me da el problema, que el navegador se bugea al obtener 5 campos del date o mas, me funciona perfecto hasta un maximo de 4
Alguien podria ayudarme con un error que me da que no entiendo de donde salio: SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data. Me arroja ese error cuando le doy al boton de Guardar. Y por mas que reviso no encuentro nada raro con el codigo
Esta bien
Hola, como puedo agregar un nuevo control en el datatable?
como podría condicionar que esos botones se muestren o no,
según el valor de alguna de las columnas
Hola amigo, lograste encontrar la forma de hacerlo?
En la funcion de actualizar cuamdo reviso la consola no me manda los campos??? estare asiendo algo mal.
muy bueno pero supongamos que no sea un input... sea un combobox..bueno yo lo tengo asii y cuando doy click en editar no me sale nada... osea no agarra el id del select y p genera error sabes como solucionar esto?
Opino, que te estas complicando la vida.
Pero una idea, tendrías que jugar un poco con el método "change" ya sea de jquery o javascript, y luego, solo poner el código que se muestra en el vídeo para enviar la data del datatables a tu formulario. Claro, que la función change, tiene que ser de acuerdo a los items seleccionados de tu combo.
Gracias, por comentar. :D
en tamaño escritorio me funciona todo bien, pero en móvil me dice que la variable data en el botón actualizar y eliminar no está definida. (undefined) alguna solución ?
prueba asi:
//En el if detectas si es un disposito movil y en el else es para escritorio
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$(tbody).on('click','button.delete',function(){
var data = table.row(this).data();
//aqui pones el codigo que quieras ejecutar
});
}else{
$(tbody).on('click','button.delete',function(){
var data = table.row($(this).parents('tr')).data();
//aqui pones el codigo que quieras ejecutar
});
}
Hola Wolf, como hago sino se me visualizan los Iconos de los botones.
Hola, amigo excelente trabajo. no compartiste el codigo? Donde se lo puede descargar
Buen dia y para hacer lo mismo pero que incluya una fotografia?
Averigua sobre la propiedad *"render"* , a la cual, le pasarás una *función* que te retorne algo.
Mira, los todos los ejemplos aquí:
☑️ [ datatables.net/reference/option/columns.render ]
Hola, tengo un problema, yo aun no conozco mucho sobre las BD y me pidieron que haga una como examen en la que haga dos botones que tengan como funcion el sumar 1 al valor que tengan, en un inicio seria 0, como si fuera una votación pero no se como crear los botones y como designar las funciones, he visto varios tutoriales y la verdad no detecto bien las lineas que hagan la creación de un boton, podrias ayudarme? Utilizo Heidi para realizar las BD
Te doy unas sugerencias, lo primero, aprende lo básico acerca de *HTML5* ( inputs ), *PHP* ( formularios GET/POST ), sentencias *SQL* (select , insert, update, delete ) y por último *JavaScript* , con esas herramientas, lograrás hacer tu ejercicio. 😁
➡Aquí te dejo una página muy buena: [ www.w3ii.com/es/ ]
Ok, gracias los checare ahora mismo
Puedo tener un botón que los elementos de la fila me los ponga en una base de datos de mysql?
Si, creo que el vídeo posterior, explico eso.
en tamaño escritorio me funciona todo bien, pero en móvil me dice que la variable data en el botón actualizar y eliminar no está definida. (undefined)
ami igual lograste solucionarlo ?
Si serialize todo el formulario
@@temolzinitzae Me podrias pasar el codigo si no es tanta molestia ?
¿Por que no usar repositorios(github, gitlab etc), para que subas el código y así no tener que subirlo a mega, aparte cada vídeo puede ser un commit y con eso la gente puede ver los que se agrego y mirar el progreso, no? saludos
Porque tengo mis razones.
Y utilizo github, para cuando haga un proyecto en concreto por ahí con unos colegas. Lo que hago ahora, es solo orientar a como trabajar con DataTable, quizá no cubro todas la dudas que se puedan dar, pero creo que si las más notorias. Gracias por comentar, hermano.
hola, el tutorial está excelente, pero no entiendo mucho de js, estoy intentando cargar los datos de un select, que el valor que estoy recibiendo en el json me lo muestre dentro de unoption del select, te agradezco si me guias. En el codigo que no me funciona el select lo hice asi:
var obtener_data = function(tbody, table){
$(tbody).on("click","button.ver", function(){
var data = table.row( $(this).parents("tr") ).data();
//console.log( data );
var Nombre_padre = $("#padre").val(data.Nombre_padre),
Correo_padre = $("#Pcorreo").val(data.Correo_padre),
Tel_padre = $("#Pfijo").val(data.Tel_padre),
Cel_padre = $("#Pcel").val(data.Cel_padre),
Empresa_padre = $("#Pempresa").val(data.Empresa_padre),
Nombre_madre = $("#madre").val(data.Nombre_madre),
Correo_madre = $("#Mcorreo").val(data.Correo_madre),
Tel_madre = $("#Mfijo").val(data.Tel_madre),
Cel_madre = $("#Mcel").val(data.Cel_madre),
Empresa_madre = $("#Mempresa").val(data.Empresa_madre),
Grado = $("#grado").append('' + val(data.Grado) + '');
});
}
al obtener la data como puedo marcar un input type="radio", si tengo el valor pero no se ocmo darlo por marcado;
Estimado lograste hacer eso? O que solución le diste. Si me podrías ayudar
oye una duda, al recargar la tabla ya no encuentra la tabla para obtener la data. Alguna recomendación?
Define en la función obtener_data_editar la variable antes de la variable "data" esta linea: "var table = $('#myTable').DataTable();". Espero te ayude.
@@miguelmedina5405 gracias men
Hola espero me puedas ayudar tengo un problema con la datatables todo funciona bien hasta que trato de editar nuevamente el ultimo registro creado y arroja un error el firebug TypeError: b[0].aoData[this[0]] is undefined ,cuando edito el resto de registros lo hace bien.
Alguien pudo resolverlo?
POR SI ALGUIEN QUIERE OCULTAR COLUMNAS AQUI DEJO LA DOCUMENTACION DE ESA PARTE
datatables.net/examples/basic_init/hidden_columns.html
SI TIENEN DUDAS RESPONDAN A ESTE COMENTARIO
anima mazo escuchar la musica de fondo
Es decir, creo, que sueno un poco aburrido. Si, ya andaba con un poco de sueño. Y otra, que odio los vídeos con más de 10 minutos, para otro, lo cortaré a la mitad. :)
Gracias por comentar, hermano.
Hola, segui el mismo codigo que en tu video pero en vez de salirme la info de la tabla me dice "[object object]"...uso los mismos archivos que diste en el primer video, sera por que mi version de jquery es mas actual?
Saludos.
para el que tenga el mismo problema que yo, lo solucione siguiendo la documentacion de la pagina oficial de datatables y mi ejemplo quedo asi:
var obtener_data_editar = function(tbody, table) {
$('#tblclientes tbody').on('click', 'tr', function() {
var data = table.row(this).data();
console.log(data);
});
}
esta es la web de donde saque la info: datatables.net/reference/api/row().data()
Saludos!
@@JosueVader Gracias me resolviste mi problema
Hola Bro
Oye requiero que cuando se le de al boton editar me carguen los campos registrados segun la fila que haya seleccionado, pero si tengo un select...como haría? Estuve probando pero no me hace el cargue del registro es su respectivo campo. Me puede ayudar con eso?
Escríbeme a FB.
Listo vale
tengo el mismo inconveniente podrias publicar la solucion por aca. Gracias
Exelente video !SUSCRITO! , no se si puedes apoyarme con esta pregunta.! Quisiera que cuando venga un valor, en el DNI, en vez de que se me imprima en un type="text" de mi formulario, se active un checkbox.
en espera gracias
Jajaja, eso es fácil. 😎
Trabaja todo dentro de la función: *obtener_data_editar*
var dni = data.dni != "" ? $("#recordar").prop("checked", true) : $("#recordar").prop("checked", false);
Con el código, validamos que el dni, no esté vacío, para ello, aplicamos un *operador ternario* , que es igual como si fuera una condicional *if - else* . Debes tener en cuenta, que tengo al checkbox, con un *id = "recordar"* y luego con el método "prop" de jQuery, solo modifico la propiedad *"checked"* y listo, eso es todo.
Ahora, solo falta que compartas la serie. 😀
Codigo Wolf Men enserio muchas gracias por tu ayuda, exelente como explicas, y pues gracias por haber respondido mi pregunta. si funcion y Claro compartire tus videos😀
sabs eliminar esos errores molestos q te aparecen en consola cada vez que actualizas? es solo descargar 3 archivos
Hola, disculpa, quería saber si podrías enseñarme a obtener el data pero para que me llene un selectpicker, es que hice el mantenedor de tu video, pero le agregué un selectpicker y al apretar editar, deberia cargarme el dato al selectpicker y no lo hace y no se bien por qué... te lo agradeceria montones, o si puedes dejar un ejemplo porfis
Envíame tu código a FB, para revisarlo.
Gracias! listo acabo de enviartelo a la pagina de fb codigo wolf
no me starian andando los botones
Alguien más ha seguido este tutorial, o que pueda ayudarme con una duda.
¿esta bien?
hya botones para ordenar por nombre y cossas asi, link por favor
No son botones son parámetros y están en la documentación de la librería. Mira el apartado de options
me gustaria ver el video completo
Ah ... esta divido por vídeos, le dí forma de una pequeña serie.
Me sale TypeError: n[m] is undefined
amigo, me da este error "TypeError: table.row is not a function" en la consola; como lo soluciono...?
Cambia datatable por DataTable, no colocar la mayuscula inicial al momento de declarar la variable table o inicializar manda ese error. var table = $('#TblArticulos').DataTable
Muchas gracias hermano, tenia ese error " is not a function".
hello , i have probleme withe dom please help me
table.row is not a function... Como resolver esse erro?
Para los que les sale el error de table.row is not a function solo tienen que modificar el .dataTable a .DataTable. no se exactamente la diferencia pero me funciono.
var listar = function(){
var table = $("#cliente").DataTable({
quiero hacer eso pero que me deje editar en la misma linea xD
Mira este enlace: editor.datatables.net/examples/inline-editing/simple
Excelente Video gracias Felicidades.