如何在AJAX处理程序Drupal8中以编程方式为段落字段创建新的小部件

name: Custom Paragraph Widget
type: module
description: Provides a custom widget for paragraph fields in Drupal 8.
core_version_requirement: ^8 || ^9
package: Custom
dependencies:
  - paragraph

<?php

use Drupal\Core\Form\FormStateInterface;

/**
 * Implements hook_field_widget_form_alter().
 */
function custom_paragraph_widget_field_widget_form_alter(&$element, FormStateInterface $form_state, $context) {
  // Check if the field is a paragraph field.
  if ($context['items']->getFieldDefinition()->getType() === 'paragraph') {
    // Check if the widget type is 'default'.
    if ($element['#type'] === 'paragraphs') {
      // Add a custom AJAX callback to the widget.
      $element['#ajax'] = [
        'callback' => 'custom_paragraph_widget_ajax_callback',
        'event' => 'change',
        'wrapper' => 'custom-paragraph-widget-wrapper',
        'progress' => [
          'type' => 'throbber',
          'message' => t('Updating widget...'),
        ],
      ];
    }
  }
}

/**
 * AJAX callback for the custom paragraph widget.
 */
function custom_paragraph_widget_ajax_callback(array &$form, FormStateInterface $form_state) {
  // Get the current field value.
  $field_value = $form_state->getValue('field_paragraph');

  // Perform any necessary processing or validation here.

  // Return the updated widget element.
  return $form['field_paragraph'];
}

custom-paragraph-widget:
  version: 1.x
  js:
    js/custom_paragraph_widget.js: {}
  dependencies:
    - core/jquery

(function ($, Drupal) {
  Drupal.behaviors.customParagraphWidget = {
    attach: function (context, settings) {
      // Add any necessary JavaScript code here.
    }
  };
})(jQuery, Drupal);

<div id="custom-paragraph-widget-wrapper">
  {{ element }}
</div>

<?php

namespace Drupal\custom_paragraph_widget\Form;

use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;

/**
 * Implements the custom paragraph widget form.
 */
class CustomParagraphWidgetForm extends FormBase {

  /**
   * {@inheritdoc}
   */
  public function getFormId() {
    return 'custom_paragraph_widget_form';
  }

  /**
   * {@inheritdoc}
   */
  public function buildForm(array $form, FormStateInterface $form_state) {
    // Add any necessary form elements here.
    return $form;
  }

  /**
   * {@inheritdoc}
   */
  public function submitForm(array &$form, FormStateInterface $form_state) {
    // Perform any necessary form submission actions here.
  }

}

<?php

namespace Drupal\custom_paragraph_widget\Routing;

use Symfony\Component\Routing\Route;

/**
 * Defines dynamic routes for the custom paragraph widget.
 */
class CustomParagraphWidgetRoutes {

  /**
   * {@inheritdoc}
   */
  public function routes() {
    $routes = [];

    // Define the route for the custom paragraph widget form.
    $routes['custom_paragraph_widget.form'] = new Route(
      '/custom-paragraph-widget/form',
      [
        '_form' => 'Drupal\custom_paragraph_widget\Form\CustomParagraphWidgetForm',
        '_title' => 'Custom Paragraph Widget Form',
      ],
      [
        '_permission' => 'access content',
      ]
    );

    return $routes;
  }

}

custom_paragraph_widget.form:
  path: '/custom-paragraph-widget/form'
  defaults:
    _controller: '\Drupal\custom_paragraph_widget\Controller\CustomParagraphWidgetController::renderForm'
  requirements:
    _permission: 'access content'

<?php

namespace Drupal\custom_paragraph_widget\Controller;

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

/**
 * Controller for rendering the custom paragraph widget form.
 */
class CustomParagraphWidgetController extends ControllerBase {

  /**
   * Renders the custom paragraph widget form.
   *
   * @return \Symfony\Component\HttpFoundation\Response
   *   The rendered form.
   */
  public function renderForm() {
    $form = $this->formBuilder()->getForm('Drupal\custom_paragraph_widget\Form\CustomParagraphWidgetForm');
    $renderer = \Drupal::service('renderer');
    $html = $renderer->renderRoot($form);

    return new Response($html);
  }

}