feat: Async selectors for form

moonshine-software · Jan 12, 2025 · bda5502 · bda5502
1 parent 5744f5a
commit bda5502
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/UI/resources/js/Components/FormBuilder.js b/src/UI/resources/js/Components/FormBuilder.js
@@ -210,6 +210,7 @@ export default (name = '', initData = {}, reactive = {}) => ({
     callback = initCallback(callback)
 
     componentRequestData
+      .withSelector(form.dataset.asyncSelector ?? '')
       .withBeforeRequest(callback.beforeRequest)
       .withResponseHandler(callback.responseHandler)
       .withEvents(events)

diff --git a/src/UI/src/Components/FormBuilder.php b/src/UI/src/Components/FormBuilder.php
@@ -206,6 +206,13 @@ public function asyncMethod(
         );
     }
 
+    public function asyncSelector(string|array $selector): self
+    {
+        return $this->customAttributes([
+            'data-async-selector' => \is_array($selector) ? implode(',', $selector) : $selector
+        ]);
+    }
+
     public function reactiveUrl(Closure|string $reactiveUrl): self
     {
         $this->reactiveUrl = $reactiveUrl;