Por que meus elementos personalizados não são renderizados?

Aug 19 2020

Tentei criar elementos de formulário da Web personalizados do tipo rádios e caixas de seleção. O elemento está disponível na IU do formulário da web para admin, posso adicioná-lo aos meus formulários da web na seção de construção, mas não está sendo renderizado no front-end do formulário da web. Não tenho ideia do que estou perdendo.

(Observação: criei outros elementos personalizados do tipo textfield, selectbox, autocomplete e todos eles estão funcionando bem.)

Abaixo está meu código src / Elemento personalizado e código src / Plugin / WebformElement: (Preciso adicionar / modificar quaisquer outros arquivos para obter esses elementos renderizados no formulário de front-end?)

--> src/Element/MyCustomRadio.php

<?php

namespace Drupal\my_custom_element\Element;

use Drupal\Core\Render\Element\Radios;
use Drupal\Core\Render\Element\FormElement;
use Drupal\Core\Form\FormStateInterface;

/**
 * @FormElement("my_custom_element")
 *
 */
class MyCustomRadio extends Radios {

  /**
   * {@inheritdoc}
   */
  public function getInfo() {
    $class = get_class($this);
    return [
      '#input' => TRUE,
      '#size' => 60,
      '#process' => [
        [$class, 'processMyCustomRadio'], [$class, 'processAjaxForm'],
      ],
      '#element_validate' => [
        [$class, 'validateMyCustomRadio'], ], '#pre_render' => [ [$class, 'preRenderMyCustomRadio'],
      ],
      '#theme' => 'input__my_custom_element',
      '#theme_wrappers' => ['form_element'],
    ];
  }

  public static function processMyCustomRadio(&$element, FormStateInterface $form_state, &$complete_form) { // Here you can add and manipulate your element's properties and callbacks. return $element;
  }

  public static function validateMyCustomRadio(&$element, FormStateInterface $form_state, &$complete_form) { // Here you can add custom validation logic. } /** * @param array $element
   * @return array
   */
  public static function preRenderMyCustomRadio(array $element) { $element['#attributes']['type'] = 'checkboxes';
    Element::setAttributes($element, ['id', 'name','value']); static::setAttributes($element, ['form-text', 'my-custom-element']);
    return $element;
  }

}

======================================================== ==================================================

--> src/Plugin/WebformElement/MyCustomRadio.php
<?php

namespace Drupal\my_custom_element\Plugin\WebformElement;

use Drupal\Core\Form\FormStateInterface;
use Drupal\webform\Plugin\WebformElement\Radios;
use Drupal\webform\Plugin\WebformElementBase;
use Drupal\webform\WebformSubmissionInterface;

/**
 * Provides a 'my_custom_element' element.
 *
 * @WebformElement(
 *   id = "my_custom_radio_element",
 *   label = @Translation("My Custom Radio"),
 *   description = @Translation("Provides a webform radio element."),
 *   category = @Translation("My Custom elements"),
 * )
 */
class MyCustomRadio extends Radios {

  /**
   * {@inheritdoc}
   */
  protected function defineDefaultProperties() {

    return [
      'multiple' => '',
      'size' => '',
      'minlength' => '',
      'maxlength' => '',
      'placeholder' => '',
    ] + parent::defineDefaultProperties();
  }

  /**
   * {@inheritdoc}
   */
  public function prepare(array &$element, WebformSubmissionInterface $webform_submission = NULL) { parent::prepare($element, $webform_submission); } /** * {@inheritdoc} */ public function form(array $form, FormStateInterface $form_state) { $form = parent::form($form, $form_state);
    return $form;
  }

}

======================================================== ==================================================

Também anexei a imagem para que ela possa ajudar a entender o problema com clareza. Este módulo é feito em uma nova instância do drupal 8. Por favor, deixe-me saber se algum detalhe específico for necessário.

No painel de administração: (tenho a opção de adicionar rádios personalizados em meu formulário)

No frontend: (Rádios personalizados não são renderizados, apenas rádios drupal e contrib e caixas de seleção são renderizados)

Respostas

1 jrockowitz Aug 19 2020 at 08:51

Para rádios ou caixas de seleção funcionarem, você precisa ligar

\Drupal\Core\Render\Element\Checkboxes::processCheckboxes

ou

\Drupal\Core\Render\Element\Radios::processRadios

Seu código de exemplo está estendendo Rádios, mas tentando renderizar caixas de seleção. Eu recomendo estender as caixas de seleção e substituir gradualmente os métodos padrão, incluindo \ Drupal \ Core \ Render \ Element \ Checkboxes :: processCheckboxes.

Abaixo está um exemplo

<?php

namespace Drupal\my_custom_element\Element;

use Drupal\Core\Form\FormStateInterface;
use Drupal\Core\Render\Element\Checkboxes;

/**
 * Provides a form element for a set of My custom element.
 *
 * @FormElement("my_custom_element")
 */
class MyCustomElement extends Checkboxes {

  /**
   * {@inheritdoc}
   */
  public function getInfo() {
    $properties = parent::getInfo(); // My custom properties. $class = get_class($this); $properties['#process'][] = [$class, 'processMyCustomElement']; $properties['#element_validate'] = [[$class, 'validateMyCustomRadio']]; return $properties;
  }

  /**
   * {@inheritdoc}
   */
  public static function processCheckboxes(&$element, FormStateInterface $form_state, &$complete_form) { // You can override and extend this method. $element = parent::processCheckboxes($element, $form_state, $complete_form) return $element;
  }

  public static function processMyCustomRadio(&$element, FormStateInterface $form_state, &$complete_form) { // Here you can add and manipulate your element's properties and callbacks. return $element;
  }

  public static function validateMyCustomRadio(&$element, FormStateInterface $form_state, &$complete_form) {
    // Here you can add custom validation logic.
  }
}