• Friday , 14 December 2018

Tutorial Como usar datatable js con conexion a bd mysql

Code Canyon



Como podemos usar datatables (datatables.net) editables con conexion a una bd, usando el IDE de desarrollo NetBeans 7.1. con audio y codigo, Aqui …

Original source

3d Ocean

Related Posts

31 Comments

  1. Ruben Escobar
    October 5, 2018 at 20:23

    Excelente el video, la explicación y el ejemplo, busque en su blog pero ya el link con el poster de las plantillas no existe, por favor, tendrá una nueva dirección para el mismo. saludos.

  2. Edwin Gomez
    October 5, 2018 at 20:23

    Buen día Eugenio, muchas gracias por el tutorial, tienes aun el Link de descarga? por que actualmente el que esta comentado no funciona.

  3. joselitopez
    October 5, 2018 at 20:23

    Hola.. gracias por tu vídeo , uno de los mejores que visto donde expliquen buen los datatable… por eso quiero preguntarte ya que manejas el tema de librerías… como se hace para mostrar en una tabla una columna con bastante texto en varios fracmentos o párrafos. Osea donde se utilice el salto de linea… yo tengo guardado un campo llamado descripción de tipo blob texto en base de datos firebird…pero el datatqble me muestra es 00×120000000 o algo si según ewcriba.

  4. Adan Arriaga
    October 5, 2018 at 20:23

    El archivo ya no se encuentra en el elink

  5. Juan Abedala
    October 5, 2018 at 20:23

    Hola, gracias por el tutorial, funciona todo perfectamente (delete, update, filtros y busquedas) excepto que al querer agregar un registro (insert), sale el siguiente cartel de error:  "403 forbiden you don't have permission to Access"     agradezco si me puede ayudar a solucionar el mismo.Gracias.

  6. JAOR SOFTWARE
    October 5, 2018 at 20:23

    Que tal Amigo. Estoy iniciando en el uso de la libreria datatable y tengo la siguiente pregunta.
    Ya tengo mi documento html y este ya carga el grdi adecuadamente a través de un archivo php en el cual hay una consulta a una base de datos.
    La duda que tengo es como poder pasar parametros al archivo php; es decir; en mi documento html tengo lo siguiente:

    <script>
    $(document).ready(function() {
    $('#tblArticulos').DataTable(
    {
    "ajax":"php/articulos.php",
    "columns":
    [
    {"data":"CVE_ART"},
    {"data":"DESCR"},
    {"data":"DESCR_AUX"},
    {"data":"LIN_PROD"},
    {"data":"MARCA"},
    {"data":"MEDIDA"},
    {"data":"PRECIO_PUB"}
    ]
    }
    );
    } );

    Ahi tengo indicado el archivo PHP y las columnas que desplegará. Mi pregunta es:
    Como puedo pasarle parametros al Archivo php para despues usarlos ahi mismo.
    Ya prob'e haciendo:articulos.php?linea='herramientas' y tratando de obtener el dato en el archivo php usando $_GET pero no me devuelve el dato.

    Lo siguiente no funciona, no devuelve nada.
    $parametro=$_GET['linea'];

    Mi pregunta concreta es como pasarle parametros al archivo PHP y como obtenerlos desde el archivo, para poder realizar una consulta, dependiendo de los parametros.

    Muchas gracias de antemano.

    Saludos

  7. Pipe Planet
    October 5, 2018 at 20:23

    No tienes un tutorial donde enseñes dataTables con ajax ?

  8. Giovanny Barreto
    October 5, 2018 at 20:23

    include 'cls/conexion.php';
    $con=Conexion::conectar();
    $sql =$con->prepare("SELECT * FROM `profesores`");
    $sql->execute();
    $result= $sql->fetchAll();

    foreach ($result as $key => $value ) {
    $json_dat[] = array($value['id'],$value['nombre'],$value['email']);
    }
    $json_dat= array("data"=>$json_dat);
    echo json_encode($json_dat);

    Asi funciona para las personas que no le ha funcionado

  9. jaime grijalbo
    October 5, 2018 at 20:23

    Inicio un nuevo comentario para pasarte el código que estoy tratando de implementar sin éxito. Como puedes ver, aplico las instrucciones del vídeo y por demás me ha funcionado muy bien; pero, aunque me carga el select, actualiza sin problema el valor de la celda "Entidad" pero no me cambia el valor de la celda 'CodEntidad'. Si le coloco un alert, el valor de IdFila que corresponde al id del tr padre (como es lo que pretendo), me dice que "indefinido". También he intentado pasar por parámetro "id", pero a veces dice que indefinido y otras veces dice el alert que "6", lo cual no corresponde…

    .makeEditable({

    sUpdateURL: "../00ConexionPhp/Mysql.php?STATEMENT=UPDATE&TABLE=T01Usuarios&IDNAME=CodigoC",
    sDeleteURL: "../00ConexionPhp/Mysql.php?STATEMENT=DELETE&TABLE=T01Usuarios&IDNAME=CodigoC",
    sAddURL: "../00ConexionPhp/Mysql.php?STATEMENT=INSERT&TABLE=T01Usuarios",
    sDeleteHttpMethod: "POST",
    fnOnDeleting: function(tr, id)
    {
    $("#trace").append("Eliminado usuario No. " + id);
    return true;
    },
    "aoColumns": [
    null,
    null,
    null,
    null,
    null,
    {
    tooltip: 'CodEntidad',
    },
    {
    indicator: 'Salvando entidad…',
    tooltip: 'Doble click para editar entidad',
    loadtext: 'Cargando…',
    type: 'select',
    onblur: 'cancel',
    submit: 'Guardar',
    loadurl: '../00ConexionPhp/05EntidadJson.php',
    loadtype: 'GET',
    fnOnCellUpdated: function(sStatus, sValue, settings, properties){
    alert("Campo actualizado con el valor: " + sValue);
    var IdFila= $(this).closest('tr').attr('id');
    $.post("../00ConexionPhp/05CodEnteUp.php", { ParameId: sValue})
    .done(function (Data) {
    $("#"+IdFila+" td:nth-child(6)").replaceWith(Data);
    });
    }

    },

    De antemano, gracias por la ayuda.

  10. carlos mario mojica galindo
    October 5, 2018 at 20:23

    Gracias por el tutorial, mi pregunta es cuando requiero mas de 6 columnas, deja de funcionar las caracteristicas del datatable. Como hago si necesito mas de 6 columnas.

  11. jaime grijalbo
    October 5, 2018 at 20:23

    Eugenio. Requiero una ayuda, por favor. No he podido llenar un select con la propiedad loadurl de aocolumns en makeEditable, trayendo los datos de mysql con php. Tu tienes el archivo EngineVersionList.php con valores fijos, tengo el problema de que al parecer no reconoce el json que entrega php.

  12. Cesar Romo
    October 5, 2018 at 20:23

    hola buenas tardes Eugenio, como le puedo hacer para que al momento de borrar un elemento de la tabla, se actualice las vista automáticamente sin tener que refrescar la pagina o utilizar F5, por cierto muy buen material, esta excelente la forma en que explicas ayuda mucho a resolver dudas Saludos

  13. jaime grijalbo
    October 5, 2018 at 20:23

    Buenas tardes Eugenio. Muy agradecido por el vídeo. Quisiera que siguieras explicando lo que queda pendiente. Además, requiero una explicación adicional sobre como llenar el aucolumns tipo select, con la propiedad loadurl, trayendo los datos de mysql, pues la verdad no me ha funcionado. Finalmente, si es posible, como se construye un select dependiente de otro select, también en aocolumns. Gracias.

  14. raul castillo
    October 5, 2018 at 20:23

    Hola Eugenio excelente tu video, pero creo que nos ayudaria tambien si nos explicaras donde hay que cambiar los nombres de los cambos de la base de datos en el procedimiento y los nombres de las bases de datos para nosotros que somos principiantes. de antemano te doy las gracias. para trabajar con mi base de datos.

  15. iaoraGo
    October 5, 2018 at 20:23

    El vídeo me hizo darme cuenta cómo empezar a usar tablas de datos, gracias
    No se puede abrir la descarga plantillas.rar archivo, puede insertar plantillas.zip? si lo deseas, puedes usar mi correo electrónico ( send private )

  16. Dioversi Núñez Díaz
    October 5, 2018 at 20:23

    Hola Eugenio, buen tutiorial aunque es u tuto del 2013 aun esta activo y me ha servido de mucho `para introducirme en este mundo, pero en realidad necesito este ejemplo que explicas muy bien para sql server 2008. Que deberia de modificar de tus plantillas. salduos

  17. Jerry Durán
    October 5, 2018 at 20:23

    Muy buen tutorial, me esta sirviendo mucho. Me gustaría saber si se puede editar un campo con un checkbox, pero que cargue los datos desde la base de datos. encontre algunos ejemplos pero con opciones que se agregan directamente al código. Es decir un campo del tipo select.

  18. Maykol Rivera
    October 5, 2018 at 20:23

    hola me gustaria saber como hacer un update con este plugin datatable  

  19. lester bravo
    October 5, 2018 at 20:23

    Consulta tienes la base de datos? para replicar el ejemplo con los mismo datos… en el Archivo no lo encontre

  20. CodigosDeLau
    October 5, 2018 at 20:23

    bunas podrias ser tan amable de decirme cual es tu pagina personal  para poder descargar el ejercicio ya que el link ya esta roto

  21. Erika Arellano
    October 5, 2018 at 20:23

    Tengo una duda espero puedas ayudarme. Seré sincera y te diré que tengo conocimientos prácticamente nulos de programación. Entonces me baso en lo que van diciendo los tutoriales como el tuyo. He de decirte que tengo una base de datos que en mi trabajo me están pidiendo que filtre la información de las columnas y las datatables y el ejemplo que pones tu me cae de perlas, pero tengo un problema a ver si alguien puede ayudarme, ya conecte a mi base de datos y agregue más columnas ya que tu ejemplo solo tiene 3, pero al momento de filtrar desde los texbox de arriba no me da los resultados correctos, no sé si haya que agregar algo más al código, ojalá puedan ayudarme, muchas gracias.

  22. jackson clayton
    October 5, 2018 at 20:23

    Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/u587816567/public_html/Datatable.php on line 2
    $(document) .resdy(function){ $('datables') .dataTable(); })
    Nome Meta Vendas Cancelamento Combo Triple TV Ativas Surpevisor

  23. jackson clayton
    October 5, 2018 at 20:23

    boa noite amigo
    Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, null given in /home/u587816567/public_html/Datatable.php on line 41

  24. Sandra Galvis
    October 5, 2018 at 20:23

    hola me podrias ayudar para poder probar este datatable, me podrias facilitar la BD que utilizas, soy nivel dummy!! saludos!!

  25. Alejandro paz
    October 5, 2018 at 20:23

    Muchas Muchas Gracias estaba buscando esto desde hace mucho tiempo probé con otros tutoriales y no me dieron resultado. Agradezco el esfuerzo que depositaste en la explicación y en compartirnos tu código. Muy amable (Y) 

  26. Arrupe IT
    October 5, 2018 at 20:23

    He usado dos de las plantillas que has proporcionado y funcionan correctamente. Te agradezco mucho por darte el tiempo para poder mostrar como usar esta herramienta. Muchisimas gracias Egugenio

  27. daciocco
    October 5, 2018 at 20:23

    Hola, tu video y archivos están muy bueno, pero no logro encontrar la parte de agregar editar y eliminar registros!!! tienes algo de esto?

  28. Abel muñoz carmona
    October 5, 2018 at 20:23

    No hay nada en el link…
    Serias tan amabel de resubirlo ?¿?
    Graacias !!

  29. Eugenio Chaparro
    October 5, 2018 at 20:23

    TIENES QUE HACER UN JOIN CON LAS LAS TABLAS PARA HACER LA CONSULTA, PERO VEO COMPLICADO PARA HACER ALTAS BAJAS Y MODIFICACIONES Y QUE SOLO PUEDES HACER MOFICIACIONES EN UNA SOLA TABLA. PUES TE RECOMIENDO QUE LE HECHES UN POCO DE CEREBRO A VER COMO LO PUEDES HACER. SINCERAMENTE ES LA FECHA QUE NO HE TENIDO QUE DESARROLLAR ALGO COMO LO QUE ME COMENTAS.
    SALUDOS

  30. MandrakeDev
    October 5, 2018 at 20:23

    como puedo hacer para poder utilizar una consulta que implique varias tablas y poder utilizarlas en el datatable?

  31. jaqueca84android
    October 5, 2018 at 20:23

    gracias hermano me ha servido mucho

Leave A Comment

You must be logged in to post a comment.