Drupal 10: Teilmenü eines bestehenden Menüs über einen Link per Ajax anzeigen lassen?

Um ein Teilmenü eines existierenden Menüs in Drupal 10 über einen Link auf einer Seite via Ajax darzustellen, kannst du die folgenden Schritte befolgen:

1. **Erstelle ein benutzerdefiniertes Modul**: Wenn du noch kein benutzerdefiniertes Modul hast, erstelle eines, um deine Funktionalität zu implementieren.

2. **Definiere die Route**: Füge in deiner Moduldatei eine Route hinzu, die die Ajax-Anfrage verarbeitet. Dies geschieht in der `MODULE_NAME.routing.yml` Datei.

```yaml
module_name.ajax_menu:
path: '/ajax-menu'
defaults:
_controller: '\Drupal\module_name\Controller\AjaxMenuController::getMenu'
_title: 'Ajax Menu'
requirements:
_permission: 'access content'
```

3. **Erstelle den Controller**: Erstelle einen Controller, der die Logik für das Abrufen des Teilmenüs enthält. In der Datei `src/Controller/AjaxMenuController.php`:

```php
namespace Drupal\module_name\Controller;

use Drupal\Core\Controller\ControllerBase;
use Symfony\Component\HttpFoundation\JsonResponse;

class AjaxMenuController extends ControllerBase {
public function getMenu() {
$menu_tree = \Drupal::menuTree()->load('menu_name'); // Ersetze 'menu_name' mit dem maschinenlesbaren Namen deines Menüs.
$build = $this->menuTree->build($menu_tree);
return new JsonResponse($build);
}
}
```

4. **Füge den Link hinzu**: Füge auf deiner Seite einen Link hinzu, der die Ajax-Anfrage auslöst. Dies kann in einem Twig-Template oder in einem Block geschehen.

```html
<a href="#" id="ajax-menu-link">Menü anzeigen</a>
<div id="ajax-menu-container"></div>
```

5. **Implementiere das JavaScript**: Füge ein JavaScript-File hinzu, das die Ajax-Anfrage ausführt, wenn der Link geklickt wird. In deiner `MODULE_NAME.libraries.yml`:

```yaml
ajax_menu:
version: 1.x
js:
js/ajax_menu.js: {}
dependencies:
- core/jquery
- core/drupal
```

Und in der Datei `js/ajax_menu.js`:

```javascript
(function ($, Drupal) {
Drupal.behaviors.ajaxMenu = {
attach: function (context, settings) {
$('#ajax-menu-link', context).once('ajax-menu').on('click', function (e) {
e.preventDefault();
$.ajax({
url: '/ajax-menu',
type: 'GET',
success: function (data) {
$('#ajax-menu-container').html(data);
}
});
});
}
};
})(jQuery, Drupal);
```

6. **Aktiviere das Modul**: Stelle sicher, dass dein benutzerdefiniertes Modul aktiviert ist.

Mit diesen Schritten solltest du in der Lage sein, ein Teilmenü über einen Link auf einer Seite via Ajax darzustellen. Achte darauf, die Platzhalter wie `module_name` und `menu_name` durch die entsprechenden Werte zu ersetzen.