Tutorial Como usar datatable js con conexion a bd mysql




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


31 responses to “Tutorial Como usar datatable js con conexion a bd mysql”

  1. 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.

  2. 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.

  3. 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

  4. 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

  5. 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.

  6. 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.

  7. 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

  8. 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.

  9. 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.

  10. 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 )

  11. 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

  12. 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.

  13. 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.

  14. 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

  15. 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) 

  16. 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

  17. 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

Leave a Reply