Grupos de botones
Comprar curso

14. Grupos de botones

En este tema aprenderás a trabajar con columnas de grupo de botones utilizando Laravel Livewire Tables. Te enseñaremos cómo definir y personalizar tus columnas de grupo de botones para que funcionen correctamente.


6 comentarios

Inicia sesión para comentar

Comentarios:

  • Victor Arana Flores

    Victor Arana Flores hace 1 año Destacado

    Las columnas del grupo de botones le permiten proporcionar una matriz de LinkColumns para mostrar en una sola celda. Por ejemplo:

    ButtonGroupColumn::make('Actions')
        ->attributes(function($row) {
            return [
                'class' => 'space-x-2',
            ];
        })
        ->buttons([
            LinkColumn::make('View') // make() has no effect in this case but needs to be set anyway
                ->title(fn($row) => 'View ' . $row->name)
                ->location(fn($row) => route('user.show', $row))
                ->attributes(function($row) {
                    return [
                        'class' => 'underline text-blue-500 hover:no-underline',
                    ];
                }),
            LinkColumn::make('Edit')
                ->title(fn($row) => 'Edit ' . $row->name)
                ->location(fn($row) => route('user.edit', $row))
                ->attributes(function($row) {
                    return [
                        'target' => '_blank',
                        'class' => 'underline text-blue-500 hover:no-underline',
                    ];
                }),
        ])
    

    En este ejemplo, estamos creando una columna de grupo de botones con el encabezado "Actions" y dos botones: "View" y "Edit". Los botones se muestran con una clase "space-x-2", que agrega un espacio entre ellos, y tienen diferentes atributos, como el destino y las clases de estilo.

  • Voidfractur

    Voidfractur hace 1 mes

    Hola tengo una duda, a los botones como le podria agregar la propiedad de livewire por ejemplo para incrementar sort wire:click="incrementarSort()"?

    • Victor Arana Flores hace 1 mes

      Hola, puedes pedir que una columna retorna una vista, y desde la vista ejecutas wire:click="incrementarSort()"

  • Gustavo

    Gustavo hace 2 meses

    Hola Víctor. ¿Hay alguna manera de incorporar los botones de wire-ui?

    • Victor Arana Flores hace 1 mes

      Hola Gustavo, puedes incorporar una vista en una columna, y desde la vista llamar a los botones de wire ui

  • Jean Gaspar Gracia Gonzalez

    Jean Gaspar Gracia Gonzalez hace 8 meses

    El ser reactivo no deberíamos de implementar modales? en ves de links a vistas? 

    se que nos recomiendas mirar el video 20 pero podrías tomarte el tiempo de hacer algo explicito para esto, desde crear la lógica para los métodos en el controlador hasta el modal?

    • Victor Arana Flores hace 8 meses

      Hola Jean, que tal. En el curso vemos como trabajar con el paquete Datatable, y abordamos todas las opciones que nos brinda este paquete. Lo que pides se aleja un poco de la temática del curso, pero estoy seguro que si llevas cualquiera de mis otros cursos, ya sea el de Laravel desde cero que tengo en mi canal de Youtube, podras lograr lo que buscas.

  • Santiago

    Santiago hace 11 meses

    hola una pregunta se que no tocas el tema en el curso pero estoy super estancado con esto estoy tratando de agregar un boton y eliminar pero no me da y no se como agregar el metodo delete asi tengo el codigo de la tabla   ButtonGroupColumn::make("Acciones")

                        ->buttons([           

                            LinkColumn::make('Acciones')

                            ->title(fn() => '')

                            ->location(fn($row) => route('usuarios.edit', $row))

                            ->attributes(fn() =>[

                                'class' => 'btn btn-warning bi bi-pencil text-light',

                            ]),

                            LinkColumn::make('Acciones')

                            ->title(fn() => '')

                            ->location(fn($row) => route('usuarios.destroy', $row))

                            ->attributes(fn() =>[

                                'class' => 'btn btn-danger bi bi-trash',

                            ]),    

                        ]) y asi el controlador       

       public function destroy($id)

            {

                $usuarios = User::findOrFail($id);

                $usuarios->delete();

     return redirect()->route('usuarios.index')->with('success', 'Usuario eliminado exitosamente');

            } y asi esta mi ruta para el crud Route::resource('areas',AreasController::class)->middleware('auth');

  • Kevin Brayan Luna

    Kevin Brayan Luna hace 1 año

    Estuve buscando información de si podemos trabajar con modals, pero parece que no hay muchas información al respecto???

    • Victor Arana Flores hace 1 año

      Hola Kevin. Recuerda que este es un componente de tablas.

      Si lo que quieres es colocar un botton personalizado y este que desencadene un evento que puedas aprovechar para abrir un model, te recomiendo que mires el capitulo 20.