How to disabled button , When clicking on a button in Actions from the listing. #1276

jenishprajapati-kombee · 2023-11-29T06:15:37Z

jenishprajapati-kombee
Nov 29, 2023

How to disabled button , When clicking on a button in Actions from the listing.

abhaypithadiya · 2023-11-29T16:02:17Z

abhaypithadiya
Nov 29, 2023

Hey!

Check out the documentation here: https://livewire-powergrid.com/table/action-rules.html#disable

Hope this helps!

0 replies

jenishprajapati-kombee · 2023-12-01T04:26:38Z

jenishprajapati-kombee
Dec 1, 2023
Author

Hello abhaypithadiya,
Thanks for the reply. Yes I have read the documentation but want to achieve like button should be clikable only once, I am facing issues curretly multiple clicks are allowed.

0 replies

abhaypithadiya · 2023-12-01T11:43:10Z

abhaypithadiya
Dec 1, 2023

Hey!

One way you can achieve this is:

Create an array to save the ids which are clicked.

public $addedProducts = [];

Create a function in your actions which will save the ids, if you already have a function you can customise the function.

    public function actions(Product $row): array
    {
        return [
            Button::add(button_name)
                ->render(function (Model $row) {
                        return Blade::render(
                            <<<HTML
                        <button wire:click.prevent='addProduct($row)'></button>
                        HTML
                        );
                }),
        ];
    }

Create a the addProduct function.

    public function addProduct($data)
    {
        $checkIfProductIsSelected = in_array($data['id'], $this->addedProducts);

        if (! $checkIfProductIsSelected) {
            $this->addedProducts[] = $data['id'];
        }
    }

Lastly, use the rules to disable the ids in the array

    public function actionRules(): array
    {
        return [
            Rule::checkbox()
                ->when(fn ($product) => in_array($product->id, $this->addedProducts))
                ->disable(),
        ];
    }

Play around the code as it fits with your liking. Let me know if this works.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

How to disabled button , When clicking on a button in Actions from the listing. #1276

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 3 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

How to disabled button , When clicking on a button in Actions from the listing. #1276

Uh oh!

Uh oh!

jenishprajapati-kombee Nov 29, 2023

Replies: 3 comments

Uh oh!

abhaypithadiya Nov 29, 2023

Uh oh!

Uh oh!

jenishprajapati-kombee Dec 1, 2023 Author

Uh oh!

abhaypithadiya Dec 1, 2023

jenishprajapati-kombee
Nov 29, 2023

abhaypithadiya
Nov 29, 2023

jenishprajapati-kombee
Dec 1, 2023
Author

abhaypithadiya
Dec 1, 2023