How to Build a Drag-and-Drop Navigation Menu in Filament without Third-Party Packages?
Hi everyone,
I'm working on a Laravel Filament project, and I want to create a drag-and-drop navigation menu management system directly within the admin panel without relying on third-party packages like filament-navigation.
Here's what I aim to achieve:
Dynamically manage menu items with parent-child relationships.
Allow sorting of menu items using a drag-and-drop interface.
Save the updated menu order to the database.
I've already considered using Sortable.js for the frontend drag-and-drop functionality, but I'm unsure about the best practices for integrating this into Filament, especially for handling hierarchical menu structures (nested menus).
If anyone has experience or suggestions on how to implement this, or can provide a starting point for the migration, model relationships, or Filament resources, I’d greatly appreciate it!
I'm working on a Laravel Filament project, and I want to create a drag-and-drop navigation menu management system directly within the admin panel without relying on third-party packages like filament-navigation.
Here's what I aim to achieve:
Dynamically manage menu items with parent-child relationships.
Allow sorting of menu items using a drag-and-drop interface.
Save the updated menu order to the database.
I've already considered using Sortable.js for the frontend drag-and-drop functionality, but I'm unsure about the best practices for integrating this into Filament, especially for handling hierarchical menu structures (nested menus).
If anyone has experience or suggestions on how to implement this, or can provide a starting point for the migration, model relationships, or Filament resources, I’d greatly appreciate it!
