Allow both Alpine method and regular JS call in cell actions

Author: jissereitsma

Component/Grid/GridViewModel.php

@@ -472,19 +472,10 @@ protected function getAdditionalActions(DataObject $item): array
         $actionsFromBlock = (array)$this->getBlock()->getRowActions();
         if (!empty($actionsFromBlock)) {
             foreach ($actionsFromBlock as $action) {
-                $params = ['id' => $item->getId()];
-
-                $url = null;
-                if (isset($action['url'])) {
-                    $url = $this->urlFactory->create()->getUrl($action['url'], $params);
-                }
-
-                $jsMethod = null;
-                if (isset($action['jsMethod'])) {
-                    $jsMethod = $action['jsMethod'];
-                }
-
-                $actions[] = $this->cellActionFactory->create($action['label'], $url, $jsMethod);
+                $actions = $this->cellActionFactory->createFromData([
+                    'id' => $item->getId(),
+                    ...$action,
+                ]);
             }
         }
 

Grid/Cell/CellAction.php

@@ -8,6 +8,7 @@ public function __construct(
         private string $label,
         private ?string $url = null,
         private ?string $jsMethod = null,
+        private ?string $alpineMethod = null,
     ) {
     }
 
@@ -35,4 +36,14 @@ public function getJsMethod(): ?string
     {
         return (string)$this->jsMethod;
     }
+
+    public function hasAlpineMethod(): bool
+    {
+        return !empty($this->alpineMethod);
+    }
+
+    public function getAlpineMethod(): ?string
+    {
+        return (string)$this->alpineMethod;
+    }
 }

Grid/Cell/CellActionFactory.php

@@ -3,20 +3,52 @@
 namespace Loki\AdminComponents\Grid\Cell;
 
 use Magento\Framework\ObjectManagerInterface;
+use Magento\Framework\UrlFactory;
 
 class CellActionFactory
 {
     public function __construct(
         private ObjectManagerInterface $objectManager,
+        private UrlFactory $urlFactory,
     ) {
     }
 
-    public function create(string $label, ?string $url = null, ?string $jsMethod = null): CellAction
+    public function createFromData(array $data): CellAction
     {
+        $params = [];
+        if (isset($data['id'])) {
+            $params['id'] = $data['id'];
+        }
+
+        $url = null;
+        if (isset($data['url'])) {
+            $url = $this->urlFactory->create()->getUrl($data['url'], $params);
+        }
+
+        $jsMethod = null;
+        if (isset($data['jsMethod'])) {
+            $jsMethod = $data['jsMethod'];
+        }
+
+        $alpineMethod = null;
+        if (isset($data['alpineMethod'])) {
+            $alpineMethod = $data['alpineMethod'];
+        }
+
+        return $this->create($data['label'], $url, $jsMethod, $alpineMethod);
+    }
+
+    public function create(
+        string $label,
+        ?string $url = null,
+        ?string $jsMethod = null,
+        ?string $alpineMethod = null,
+    ): CellAction {
         return $this->objectManager->create(CellAction::class, [
-            'label' => $label,
-            'url' => $url,
-            'jsMethod' => $jsMethod,
+            'label'        => $label,
+            'url'          => $url,
+            'jsMethod'     => $jsMethod,
+            'alpineMethod' => $alpineMethod,
         ]);
     }
 }

view/adminhtml/templates/grid/table.phtml

@@ -138,7 +138,16 @@ $state = $viewModel->getState();
                                             ) ?></a>
                                         <?php endif; ?>
                                         <?php if ($cellAction->hasJsMethod()): ?>
-                                            <a @click="<?= /* @noEscape */ $cellAction->getJsMethod() ?>"><?= $escaper->escapeHtml(
+                                            <a
+                                                data-id="<?= $item->getId() ?>"
+                                                onClick="<?= /* @noEscape */ $cellAction->getJsMethod() ?>"><?= $escaper->escapeHtml(
+                                                    $cellAction->getLabel()
+                                                ) ?></a>
+                                        <?php endif; ?>
+                                        <?php if ($cellAction->hasAlpineMethod()): ?>
+                                            <a
+                                                data-id="<?= $item->getId() ?>"
+                                                @click="<?= /* @noEscape */ $cellAction->getAlpineMethod() ?>"><?= $escaper->escapeHtml(
                                                     $cellAction->getLabel()
                                                 ) ?></a>
                                         <?php endif; ?>