カスタム フォーム タイプを使用して Facebook スタイルのオートコンプリート フィールドを実装しようとしています。JavaScript ウィジェットはクラス名に依存するので、他の場所で行ったようにカスタム フォーム タイプ クラスの attr キーに追加しましたが、何らかの理由で出力 HTML に表示されません :-(
関連するコード:
class AutocompleteType extends AbstractType
{
protected $em;
public function __construct(ObjectManager $em)
{
$this->em = $em;
}
public function getDefaultOptions(array $options)
{
return array(
'attr' => array(
'class' => 'autocomplete',
'data-autocomplete' => '{"url":"'.$options['url'].'"}'
)
);
}
public function setDefaultOptions(OptionsResolverInterface $resolver)
{
$resolver->setDefaults(array(
'url' => false,
'object' => false,
'repository' => false,
'field' => false
));
}
public function buildForm(FormBuilderInterface $builder, array $options)
{
$transformer = new AutocompleteTransformer($this->em, $options['object'], $options['repository'], $options['field']);
$builder->addModelTransformer($transformer);
}
/**
* {@inheritdoc}
*/
public function buildView(FormView $view, FormInterface $form, array $options)
{
$view->vars = array_replace($view->vars, array(
'url' => $options['url'],
'object' => $options['object'],
'repository' => $options['repository'],
'field' => $options['field']
));
}
public function getParent()
{
return 'text';
}
public function getName()
{
return 'autocompleter';
}
}
結果の HTML:
<input type="text" required="required" name="post[Tags]" id="post_Tags">
予想される HTML
<input type="text" class="autocomplete" data-autocomplete="url/passed/from/builder" required="required" name="post[Tags]" id="post_Tags">