[PHP] Laravel Livewire buttons disabelen

[jseub]

Hi!

Ik ben bezig met een applicatie waarbij er een lijst is met buttons, welke elk een wire:click-event hebben. Ik wil nu met één 'centrale' button al die buttons uitschakelen (disabled). Dat gaat prima (middels javascript), maar ik kom in de knel met een wire:poll die op alle buttons zit. Hij haalt daarmee de laatste status op. Echter verwijdert hij daardoor ook de disabled-status.
...

Relevante software en hardware die ik gebruik
Laravel 8 + livewire
...

Wat ik al gevonden of geprobeerd heb
...
Ik kan vrijwel niets vinden over het disabelen (en enabelen) van wire:click, en ik kom er niet uit met de disabled-status.

Ik heb geprobeerd de disabled-status door te geven aan het livewire-component, maar dat werkt niet.

iemand tips?

[luukvr]

Geen idee wat livewire is, maar gok er op dat die poll soort van html ophaalt van de server (via ajax) en plaats binnen een html component, de server weet niks van aanpassingen die je hebt gedaan, beter om misschien een actie/status te versturen naar de server dat je de buttons wil disablen, in je gegenereerde code disablede buttons terug geven op basis van die actie/status en dan de poll te forceren (waardoor alle disablede buttons ingeladen worden).

[vaanie]

Ik sluit mij aan bij Luukvr, ik zou een centrale status uit sturen emitten van je livewire component die bepaald of de Buttons actief zijn (indien het natuurlijk verschillende componenten zijn) en dan een listener maken op je component dat je buttons bevat.

Wat lukt er niet aan de status doorgeven?

[Hiroj]

Je zou dit kunnen oplossen door een extra property aan je Livewire class toe te voegen.
Zeg bijvoorbeeld:

code:

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class MyBeautifulComponent extends Component
{
    public $buttonsDisabled = false;

Je zou dan met een wire:click="$toggle('buttonsDisabled')" het aan en uit kunnen zetten. En verder hoef je dan enkel in je Blade component bestand te checken of de property nog true/false is.

[milo526]

Hiroj schreef op maandag 29 november 2021 @ 17:11:
Je zou dit kunnen oplossen door een extra property aan je Livewire class toe te voegen.
Zeg bijvoorbeeld:

code:

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class MyBeautifulComponent extends Component
{
    public $buttonsDisabled = false;

Je zou dan met een wire:click="$toggle('buttonsDisabled')" het aan en uit kunnen zetten. En verder hoef je dan enkel in je Blade component bestand te checken of de property nog true/false is.

En de click zou je moeten kunnen disablen door het "disabled" property op je button te zetten.

code:

//Disable all buttons button
<button wire:click="$toggle('buttonsDisabled')"> Toggle all buttons</button>

//Other button
<button  wire:click="$something()" {{ $buttonsDisabled == 1 ? 'disabled' : '' }}>Click me</button>