Por que meus elementos personalizados não são renderizados?
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
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.
}
}