03 - Cómo trabajar con Datatable y ajax

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024
  • ------------------------------------------------------------------------------------------------
    CURSOS
    🔴 Facturacion electronica Perú: youtube.coders...
    🟠 Laravel avanzado: youtube.coders...
    🟢 Ecommerce: youtube.coders...
    🔵 Api: youtube.coders...
    🟠 Plataforma de cursos: youtube.coders...
    🔴 Vue e Ineria: youtube.coders...
    🟣 Eloquent Avanzado: youtube.coders...
    🟡 Pasarela de pagos: youtube.coders...
    ⚫ Laravel Web Socket: youtube.coders...
    🟣 Notificaciones: youtube.coders...
    🟢 Laravel Excel: youtube.coders...
    🔵 Digital Ocean: youtube.coders...
    🟡 Laravel Voyager: youtube.coders...
    🟣 Datatable Livewire: youtube.coders...
    🟠 Tenancy for Laravel: youtube.coders...
    🔵 TDD Laravel: youtube.coders...
    ⚫ Traducir páginas: youtube.coders...
    🟠 Wire UI: youtube.coders...
    🔴 Acortador de links: youtube.coders...
    🟡 Banhammer for laravel: youtube.coders...
    🟢 Laravel backup: youtube.coders...
    🔵 Actualizar a Laravel 10: youtube.coders...
    -----------------------------------------------------------------------
    DONACIONES
    Patreon: / codersfree
    PayPal: www.paypal.com...
    -----------------------------------------------------------------------
    packagist: packagist.org/

Комментарии • 111

  • @jorgeurbina3842
    @jorgeurbina3842 Год назад +7

    Hola, por si a alguien le sirve, para los botones de editar yo lo hice de la siguiente manera
    tabla = $('#example').DataTable({
    ajax: url,
    columns: [
    {data: 'nombre'},
    {data: 'descripcion'},
    {
    data: 'id',
    render: function(data) {
    return '';
    },
    }
    ]
    });

  • @diegomendoza3178
    @diegomendoza3178 4 года назад +6

    Excelente video, aunq estoy renegando todavia como agregar los botones de , ver, editar, eliminar.. Ojala puedas hacerlo pronto. Saludos

  • @haresjetic4754
    @haresjetic4754 Год назад

    Perfectoo muchas Gracias por el video, justo lo que necesitaba

  • @DEVILGAMES_666
    @DEVILGAMES_666 2 года назад

    Buenas tardes tengo una situacion tengo estructurado mi proyecto de manera que el controllador solo recibe informacion no hace llamados a la base de datos si no que llama a clases encargadas de ello y esta clase ya me retorna un json como puedo formatear ese json de manera que sea compatible con el datatable

  • @franciscojavierruizutrilla1348
    @franciscojavierruizutrilla1348 3 года назад

    he trabajado con este plugin el inconveniente que tengo es que al momento de recargar o cambiar de pagina el filtro se pierde alguna recomendación?.

  • @glbsystem
    @glbsystem 2 года назад

    consulta... como hago para colocar subtotales en una datatable?

  • @osanjur
    @osanjur Год назад +3

    Excelente la explicación, quisiera aportar un código para los que desean concatenar dos valores en una misma columna,
    "columns": [
    {"data":null,
    render: function ( data, type, row ) {
    // esto es lo que se va a renderizar como html
    return data.user_nombre + " " + data.user_apellido;
    }}
    ]
    espero les se útil.

  • @AngeloCarrasco1990
    @AngeloCarrasco1990 3 года назад +7

    GRANDE MAESTRO!!!... esta la parte 4 de los botones ???

  • @arturomunoz2724
    @arturomunoz2724 4 года назад +10

    El siguiente video de agregar los botones por favor :(

  • @dagacoga
    @dagacoga Год назад +2

    Muchisimas gracias.
    Para editar la linea de codigo agregar al ajax de la vista
    { data: "aciones" }
    Y en el controlador agregar esta linea de codigo.
    $productos = Producto::select('id','codigo','descripcion','cantidad','valor_venta')->get();
    return datatables()
    ->of($productos)
    ->addColumn('aciones', 'Editar')
    ->rawColumns(['aciones'])
    ->toJson();
    Deberia funcionar y no tener problemas, saludos!

  • @jhoneiderrodriguez496
    @jhoneiderrodriguez496 Год назад +1

    Para añadir los botones les dejo este video: www.google.com/search?q=tdatatables+con+ajax+y+botones+de+acciones+en+laravel&rlz=1C1CHBD_esCO1027CO1027&sxsrf=AJOqlzXo0AhZIjREa7diS5gCpFv-FqGCWg%3A1673914909931&ei=HerFY_7COJaXwbkPg7OX0Ac&ved=0ahUKEwi-xdz8qs38AhWWSzABHYPZBXoQ4dUDCA8&uact=5&oq=tdatatables+con+ajax+y+botones+de+acciones+en+laravel&gs_lcp=Cgxnd3Mtd2l6LXNlcnAQAzIFCAAQogQyBQgAEKIEMgUIABCiBDoKCAAQRxDWBBCwAzoKCCEQoAEQwwQQCkoECEEYAEoECEYYAFCVBljsIGCkImgBcAF4AIABvAGIAcsYkgEEMC4yMpgBAKABAcgBCMABAQ&sclient=gws-wiz-serp#fpstate=ive&vld=cid:3ec0693e,vid:tSVPmPF8fR8

  • @danielcebrian2545
    @danielcebrian2545 Год назад +1

    Podrías poner un ejemplo de paginación. En mi caso concreto cargar 1700 registros demora mucho la carga de la página (8 segundos)

    • @haresjetic4754
      @haresjetic4754 Год назад

      Tengo 42229 en mi database usando la tabla lo pagina de forma automatica practicamente al instante

  • @leok12
    @leok12 3 года назад +5

    Excelente!!
    Estoy esperando la continuación de este tema con gran interés :)
    Mientras tanto, voy a seguir con tus series de livewire y tailcss...
    Saludos!

  • @jazo2212
    @jazo2212 Год назад

    El 95% de los videos tutoriales en RUclips en sus ejemplos para cargar un DATTABLES utilizan datos de JSON PLACEHOLDER. Algunos por ahí usan con MySQL.
    Pregunto, porque no usar una base de registros de Excel o Access (estas herramientas se usan en todas las empresas)? Ojala algún experto lo considere, seria de mucha utilidad a usuarios que nos estamos insertando en la WEB.

  • @hernanlazzaroni9490
    @hernanlazzaroni9490 2 месяца назад

    Muchas gracias por el video, necestitaria un tutorial para poder personalizar la exportación a pdf, por ejemplo como alinear columnas, etc.

  • @martin-una9731
    @martin-una9731 9 месяцев назад

    return datatables()->of()->toJson(); esta funcion ya no esta en packgist, y al implementarlo ya no retorna la tabla, los regresa sin formato

  • @aquilesjosepachecoascanio6219
    @aquilesjosepachecoascanio6219 3 года назад +2

    Buena y excelente información! Y esperando la continuación por favor!!!! (y)

  • @rikyv2760
    @rikyv2760 2 месяца назад

    diablo amigo, sabes mucho, deberías meterte a un curso de informática

  • @danielenriquegarciaguedez9764
    @danielenriquegarciaguedez9764 2 года назад +1

    Muchas gracias por el video, seguimos a la espera del siguiente capitulo: los botones editar y eliminar gracias

  • @hernangb16
    @hernangb16 3 года назад +3

    Excelente video , muy claro y preciso en su explicación.
    Por favor no se olvide del video como agregar botones para editar eliminar

  • @mcaimpresos6897
    @mcaimpresos6897 3 года назад +1

    Buenas! Alguien sabria decirme por qué en esta linea de código:
    return datatables()->of($movimientos)->toJson();
    datatables() me aparece subrayado
    ? Muchas gracias desde ya

    • @mcaimpresos6897
      @mcaimpresos6897 3 года назад

      Undefined function 'App\Http\Controllers\datatables'.intelephense(1010)
      es el error

    • @CarlosRodriguez-qc5vj
      @CarlosRodriguez-qc5vj 3 года назад

      te falta agregar en app config

  • @dgrvedado
    @dgrvedado 6 месяцев назад +1

    Nunca vi la parte 4, pero para los interesados una variante es usar el render de js para crear los botones.

    • @luisacosta9419
      @luisacosta9419 5 месяцев назад

      encontraste una forma de poner los botones? yo todavia busco una forma de poner los botones y que los datos se muestren en un modal 😅

    • @dgrvedado
      @dgrvedado 5 месяцев назад

      @@luisacosta9419 JS es tu amigo

  • @alejandraescobar9193
    @alejandraescobar9193 2 года назад

    Porfis termina de compartir la info de como incluí botones!

  • @technonetpapelbl
    @technonetpapelbl Год назад

    Buenas tardes, en dónde encuentro el vídeo de los botones. Gracias

  • @GerardoIntorOsorio
    @GerardoIntorOsorio 4 года назад +3

    Excelente, esperando también la 4ta parte.

  • @vladimirmontesbetancur5833
    @vladimirmontesbetancur5833 2 года назад

    Muy buen video, pero nunca salió la parte 4 :c

  • @NatalyMelo._
    @NatalyMelo._ 6 месяцев назад

    Wow, de verdad me fue de gran ayuda tu video :')

  • @santiagomesarestrepo1868
    @santiagomesarestrepo1868 4 года назад +1

    hola buenos dias amigo tu ya implementaste datatable con los botones

  • @rubendarioisla
    @rubendarioisla 2 года назад

    epa 4to capitulo men que paso??'

  • @asdruball4885
    @asdruball4885 3 года назад +1

    Era el vídeo que buscaba , mil gracias ;)

  • @EnderBracho
    @EnderBracho 4 года назад +1

    amigo en caso de que la consulta se relacione de la siguiente manera $contactos = App\Contacto::with('idnacionalidad')->get(); como le hago para que me muestre los datos que son de la segunda tabla en este caso nacionalidad

    • @CodersFree
      @CodersFree  4 года назад

      Lo que yo he hecho cuando necesitaba agregar datos relacionados era almacenar en una variable $querys el resultado de la consulta, y definia un array vacio de esta forma $resultado = [ ]
      En un Foreach recorría los registros de la variable querys y en la variable $resultado iba almacenado lo siguiente
      $resultado = ["name" => $querys->name,
      "nacionalidad" => $query->nacionalidad->name]
      De ahí los pasos son los mismos

  • @ramflores00
    @ramflores00 3 года назад +1

    Ya no van a continuar con esta serie de videos ?

  • @NicolasEzequielAlmonacid
    @NicolasEzequielAlmonacid 3 года назад +1

    hola gracias por el video, tengo un problema cuando trato de caragr el datatable, no carga nada, queda en blanco...tengo este metodo en mi controlador:
    public function data(request $request)
    {
    $material = Material::select(['id', 'sku'])->get();
    //return $material;
    Datatables::of($material)->toJson();
    }
    y en la vista:
    $('#materiales').DataTable( {
    destroy: true,
    ajax: '127.0.0.1:8000/materiales/data',
    //ajax: '{[route('materiales.data')]}', // ACA NO ME FUNCIONA, SI DEJO LA RUTA DE ARRIBA SI CARGA, PERO NO ME SIRVE DE ESA MANERA, LO TENGO QUE APSAR VIA JSON PARA PONERLE LOS BOTONES DE EDIT
    columns: [
    {data: 'id'},
    {data: 'sku'},
    ],
    "language": {
    "lengthMenu": "Mostrar _MENU_ registros por pagina",
    "zeroRecords": "No hay Registros por mostrar",
    "info": "Mostrando pagina _PAGE_ de _PAGES_",
    "infoEmpty": "No records available",
    "infoFiltered": "(Filtrado de _MAX_ registros totales)",
    "search": "Buscar:",
    "paginate":{
    "next": "Siguiente",
    "previous" : "Anterior"
    },
    }
    });
    sALUDOS A TODOS

  • @jonathanmichaelserranocarr8718
    @jonathanmichaelserranocarr8718 4 месяца назад

    ¡Qué buen video! Realmente aprecio cómo lo explicas de manera clara y precisa. Definitivamente, empezaré a compartirlo con mis colegas. ¡Gracias por tu excelente trabajo!

  • @victorsebastiantriguerotap9314
    @victorsebastiantriguerotap9314 11 месяцев назад

    Buenas, me encantó mucho tu video sobre el datatable y como hacer que se muestre el pluding con ajax.
    Quería una ayuda urgente sobre el proyecto que estoy haciendo, mi datatable me muestra mas de un monton de filas y esta en la opcion que me muestre 10, pero no lo hace. No se como se puede hacer para que se muestren dependiendo de cuantas quiero que me devuelva, ya sean 10, 25 o 50 filas.

  • @CUBER5
    @CUBER5 3 года назад +1

    No consigo que funcione

  • @aep3003
    @aep3003 4 года назад +1

    Genial, amigo que configuración y extensiones utilizas en vs code para trabajar con laravel? Gracias por los videos, me suscribo.

    • @CodersFree
      @CodersFree  4 года назад +1

      Varios me preguntan eso. Voy a escribir un post de todas las extensiones que utilizo y lo público a más tardar mañana.
      Busca a Coders Free en facebook, así te enteras cuando escriba un post 😁

  • @pepebiondi5962
    @pepebiondi5962 Год назад

    Disculpen mi ignorancia pero no seria mejor para los navegantes que buscamos cosas que digas que herramientas o librerías o framework usas? como por ejemplo para que no perdamos el tiempo?🤔

  • @jonnathanarielmenecesmunoz8774

    Hola, a los cuantos registros recomiendas hacer esto? Lo que pasa es que siguiendo tus tutoriales implemente mi vista con ajax, pero para la funcion de eliminar quise usar sweet alert 2 y me resulto imposibe, por ende volvi al metodo comun de mostrar datos. Saludos!

  • @latlov
    @latlov 3 года назад

    SUGERENCIA DE VIDEO: podrías explicar cómo hacer un livewire datatable
    útil para el mundo real como este:
    livewire-datatables.com/complex ?

  • @TwentyCloud
    @TwentyCloud Год назад

    gracias

  • @danielenriquegarciaguedez9764
    @danielenriquegarciaguedez9764 6 месяцев назад

    Muchas gracias por el video, seguimos a la espera del siguiente capitulo: los botones editar y eliminar gracias

  • @fernandopereyra892
    @fernandopereyra892 2 года назад

    Excelente video, como e comporta datatables en conjunto con livewire??

  • @Miguel-sg7zh
    @Miguel-sg7zh Год назад

    Excelente, me has ayudado demasiado, muchas gracias por el video😀

  • @wiliam585
    @wiliam585 2 года назад

    donde puedo encontrar "como agregar botones", gracias por su ayuda!!!

  • @juandavidcastanogomez4175
    @juandavidcastanogomez4175 3 года назад

    Como se puede hacer para crear una datatable, a partir de una consulta, me hago entender, se hace un select y ese select tiene una consulta, esa consulta pues tiene columnas y datos, primero se haría la consulta y luego se formaría la tabla, alguien tiene algún consejo?

  • @luisguevara1492
    @luisguevara1492 3 года назад

    Hola Amigo buenas noches, cuando publicas la 4 parte que nombras para adicionar botones de editar y etx muchas graxias

  • @TheZontrox
    @TheZontrox 3 года назад

    una pregunta, por que se crea la ruta en la el archivo especifico de rutas para las paginas de admin, ya que estas son las que solo tendrían acceso a esa información no?

  • @enriqueperez2278
    @enriqueperez2278 Год назад

    Hola como podrias imprimir desde las datatables?

  • @fabianrr
    @fabianrr 3 года назад

    Encontre este video buscando datatables. ¿Es esto PHP/Laravel?

  • @8791788
    @8791788 3 года назад

    Hola gracias por tu ayuda, pero no encuentro la parte 4 donde indicas como agregar botones...

  • @lpscorp5435
    @lpscorp5435 3 года назад

    Esperamos la parte 4 de los videos para trabajar con datatables, he buscado la forma de agregar los botones pero no me funciona.

  • @MrJawick
    @MrJawick 2 года назад

    Excelente!!
    Por favor la continuación del video, me interesa el datatable con botones

  • @manuesustacha
    @manuesustacha 3 года назад

    ESTO TAMBIEN FUNCIONA IGUAL EN LARAVEL 8???

  • @technonetpapelbl
    @technonetpapelbl 2 года назад

    Buenas noches en donde encuentro el video de los botones. Gracias

  • @sebastianorozcocano8255
    @sebastianorozcocano8255 3 года назад

    Excelente vídeo, cómo le puedo cambiar el formato a la fecha desde el mismo ajax, así como lo tienes configurado en este vídeo?

  • @JorgeChavarriaga
    @JorgeChavarriaga 3 года назад

    Excelente material, he agregado los botones para descargar pero se ha ocultado el filtro de la cantidad de registros ¿ alguna forma de tener filtro y botones al tiempo?

  • @davidojedacolquehuanca3645
    @davidojedacolquehuanca3645 3 года назад

    Muchas gracias por las lecciones, seguimos a la espera del siguiente capitulo: los botones editar y eliminar porfavor

  • @comalba
    @comalba 2 года назад

    excelente aporte, podrías subir el video para ubicar los botones

  • @AlejandroRicoy
    @AlejandroRicoy 3 года назад

    Muchas gracias por tus videos. Me ayudaron mucho!

  • @peggyreyes500
    @peggyreyes500 3 года назад

    Como se hace para crear una pagina inicio de un datatables

  • @veronicagomezosuna5234
    @veronicagomezosuna5234 3 года назад

    Hola , muchas gracias por el video , me sirvió mucho , esperando la 4ta parte

  • @reneisaias2755
    @reneisaias2755 4 года назад

    Muy bien Coders Free, aparte de que me será muy útil y que buenas practicas estoy aprendiendo. Gracias

  • @mrMiguelon1
    @mrMiguelon1 3 года назад

    hola amigo. me encantan tus tutoriales bien explicado y de una forma sencilla de aprender, ya que apenas estoy aprendiendo a usar laravel

  • @TheFlaco007
    @TheFlaco007 3 года назад

    Brutal la explicación! extremadamente claro el tema. Al igual que los demás me interesa mucho la explicación para agregar los botones de editar y eliminar, ya que creo que todos nosotros lo manejamos de esa manera. Mil gracias :)

  • @alkemist17
    @alkemist17 3 года назад

    Amigo el siguiente video lo espero con ansias excelente explicación

  • @samuelquispe2868
    @samuelquispe2868 3 года назад

    Para cuando la 4ta parte. Ya yayaya no puedo masss. Please

  • @henriquehims
    @henriquehims 3 года назад

    $Valeu_brother = 'top';

  • @wooziedev
    @wooziedev 3 года назад

    Que genial!!! esperando los próximos videos

  • @juandiegonal1990
    @juandiegonal1990 4 года назад

    Muy buen material, me ha servido bastante. Una pregunta ¿Cómo haría para referenciar en una de esas columnas, el valor de un campo obtenido por medio de una relación como por ejemplo belongnsTo, de otro modelo?

  • @MLDGATO
    @MLDGATO 3 года назад

    Hola muchas gracias, por favor la próxima parte para agregar botones, ya pude agregarlos pero no se como darle la funcionalidad, otra vez muchas gracias.

    • @AlejandroRicoy
      @AlejandroRicoy 3 года назад

      ruclips.net/video/tSVPmPF8fR8/видео.html

  • @Movelaburra
    @Movelaburra 3 года назад

    Muy buen video!, podrias subir un video explicando como hacer un filtro entre fechas?

  • @yessidsarmiento8714
    @yessidsarmiento8714 4 года назад +1

    amigo y si yo quiero hacer un metodo crud como por ejemplo actualizar he eliminar me dejaria hacerlo normal o daria error

    • @CodersFree
      @CodersFree  4 года назад +1

      Mañana o pasado hago un video explicando cómo hacer un crud 😁

    • @yessidsarmiento8714
      @yessidsarmiento8714 4 года назад

      @@CodersFree muchas gracias amigo estare al pendiente

    • @tequilafree
      @tequilafree 4 года назад +1

      @@CodersFree el link del crud ??? o el que mencionas al final de estos videos ? ( con botones para editar/eliminar) ?

    • @CodersFree
      @CodersFree  4 года назад +1

      @@tequilafree aún no hago ese video :(

    • @tequilafree
      @tequilafree 4 года назад

      @@CodersFree gracias. Tienes link de al menos donde guiarme ? Necesito agregar esos famosos botones Edit/Delete, y uno para Insert. Gracias Amigazo

  • @itagian
    @itagian 3 года назад

    Top! No aguardo dos próximos vídeos

  • @JM-pu3ih
    @JM-pu3ih 4 года назад

    Buen vídeo una consulta y si quiero tomar los nombres de la base de datos y no colocarlos por defecto cuando hacemos consultas dinámicas a diferentes bases de datos

    • @CodersFree
      @CodersFree  4 года назад

      La consulta puedes hacerla tan compleja como necesites, pero al final solo se mostrará los valores que hayas especificado en la variable columns

  • @jonathankevinsandovalnunez4397
    @jonathankevinsandovalnunez4397 4 года назад

    Muy bueno , como se llama la extensión que usas para dar formato json en chrome?

    • @CodersFree
      @CodersFree  4 года назад +1

      Se llama json formatter

  • @xkiller838
    @xkiller838 4 года назад

    una pregunta si no deseo usar yajaira datatable en laravel tambien la podria usar en php nativo o esta hecha solo para laravel

    • @CodersFree
      @CodersFree  4 года назад

      Esta hecho para laravel amigo

  • @edsermoreno7629
    @edsermoreno7629 4 года назад

    Muy buena

  • @frezzer33
    @frezzer33 4 года назад

    amigo enséñanos a agregar esa cantidad de registros porfavor

    • @CodersFree
      @CodersFree  4 года назад +1

      Hola Gerson, busca en el canal el curso de Laravel 8 que tengo en el canal y busca el tema de seeder y factorys, ahí explico como llenar las tablas con datos de prueba.

  • @chavezJRfan1998
    @chavezJRfan1998 4 года назад

    Excelente

  • @alexo2537
    @alexo2537 4 года назад

    Tengo 100k de datos y pues ya no me carga

    • @max427
      @max427 3 года назад

      creo que lo mejor seria que usaras el paginador de bootstrap

  • @luis95hernandez05
    @luis95hernandez05 3 года назад

    Me quede esperando el otro video xD

  • @GerardoRojasPacheco
    @GerardoRojasPacheco 3 года назад

    Excelente aporte muchas gracias! pero tengo un problema... en el controlador me marca un error en la línea de: return datatables()->of($datos)->toJson(); da este error "Undefined function 'App\\Http\\Controllers\\datatables'.", por favor podría ayudarme?

    • @TheZontrox
      @TheZontrox 3 года назад +1

      en la documentacion del paquete esta la informacion, si estas trabajando con laravel 7* & 8* entonces seria " return $this->datatables()........etc..... " con eso deberia funcionar

    • @TheZontrox
      @TheZontrox 3 года назад

      de echo ya cambio todo el procedimiento, no es el mismo que en el video

  • @escuipo
    @escuipo 3 года назад +1

    ¿¿¿Playing the plush(y)ing???....¡¡Ya que son videos que ensayan con tiempo por lo menos apréndase bien los nombres en inglés!!.....copiar y pegar....copiar y pegar....no sirve

    • @CodersFree
      @CodersFree  3 года назад +1

      Amigo, si no te gusta mis videos, nadie te obliga a verlos. Me causa curiosidad que para ser videos gratuitos me exijas cosas, pero si consideras que lo que hago es copiar y pegar te invito a buscar otros canales, o hacer como yo, leer la documentación 😉