「Ajaxified」フォームの作成フィールドタイプ

Question

私のアプリケーションでは、いくつかのフォームフィールドがあり、多くのオプションがあります。私が経験した問題はthis questionと似ています。すべてのページロード時にすべてのオプションを取得して解析するのは高価です（Twigはすべてのオプションを何度も何度もレンダリングしますが、クライアントサイドキャッシュは使用できません）。この問題は、AJAX経由でブラウザにオプションを送信する方法を作りました。簡単なアプローチ：

1. 可能であれば、AJAX（例：/countries.jsonを取得）とキャッシュを使用してすべてのオプションを取得します（キー値）。 （この場合、国名が頻繁に変更される可能性はあまりありません）
2. DOMにオプションを挿入するには、selectize、select2などのプラグインを使用します。
3. は、すべてのオプションを照会からsymfonyのを防ぐために

:-)速くフォームをお楽しみいただけます（不要：彼らは、AJAX経由で読み込んでいる）オプションを追加することにより、（フォームがロードされたとき、私はQueryBuilderにsetMaxResults(0)を追加しましたコントローラを介して）。はい、それはクルージングです。フォームを送信するときには、選択したオプションが存在するかどうかを検証し、制約をチェックする必要があるため、依然としてクエリが実行されます。

この機能を現在のEntityTypeに追加するcustom Form Field Typeを作成します。フォームのレンダリング中にオプションを読み込まず、選択したオプションが存在するかどうかを確認します。 dynamically modifying a formに関連するmanyexamplesが見つかりましたが、親フォームとは独立して1つのフォームフィールドのみを変更することに関する例は見つかりませんでした。

このようなフォームフィールドタイプを作成するにはどうすればよいですか？何が良い出発点ですか？ EntityType、ChoiceType、または他の方法を拡張しますか？

私は既にSymfony 3.1を使用していますので、lazy loading of form choices（Symfony 3.2の新機能）を使用しても問題はありません。この新しい機能が私の問題に関連しているかどうかは不明です。

Answer 1

私はあなたがサーバー側で何をしているバンドル（Alsatian/FormBundle）を書きました。

• How to avoid loading each entities by each form rendering：

  キャッシュされたコンテンツとフォームフィールドを移入する方法

  abstract class AbstractExtensibleChoicesType extends AbstractRoutableType 
  { 
      public function configureOptions(OptionsResolver $resolver) 
      { 
       $resolver->setDefault('choices',array()); 
      } 
  } 
  

• ：

独自のロジックだ、私はお勧めします：のみを返すコントローラを作成します（ HTMLとして）：

<option value="1">Option 1</option> 
<option value="2">Option 2</option> 

MAXAGE設定コントローラで

：このURLをロードすると、あなたの選択フィールドにHTML結果を置くためにはJavaScript

/* 
* @Route(...) 
* @Cache(maxage=64000) 
*/ 
public function getOptionsAction(Request $request) // Home 
{ 
    $choices = $this->getDoctrine()->getManager()->getRepository //.... 

    return $this->render(/*...*/); 
} 

使用。

Select2のようなものを使用している場合：コントローラはJSONReponse（）としてオプションを返すこともできます。このJSONはselect2 ajaxオプションから直接ロードできます（バンドルのドキュメントを参照してください）。

• そして、最も難しい：How to make the submitted choice valid：

は（もPRE_SET_DATA編集するフォームを使用している場合）::フォームにPRE_SUBMITイベントを堤出さ選択肢を取得し、フィールドにこれらの選択肢を再注入します。

Answer 2

あなたのユースケースを考えると、オートコンプリートを使用するのが最善の方法です。ここではSymfony bundleと私は使用していると素晴らしいです。私はいくつかの機能を向上させるためにjavascript（autocompleter）を上書きしました。

Answer 3

Ajaxコントローラオプションを使用したオートコンプリートは私にはうまく見えますが、別の（おそらくはより速い）オプションがあります：hincludeを通してフォームをレンダリングしてください。

hincludeは、ページの一部の読み込みを「延期」するのに使用されるJSライブラリで、Ajaxと思っています。 symfonyには統合サポート（official documentation）が付属しています。

ヨーヨーは、それを使用する方法：

のは
• があなたのページ（CF公式のGithub）このコード

• 使用にhinclude.jsが含まformActionそれを呼びましょう、あなたのフォームが別のコントローラのアクションにレンダリング移動

• あなたのフォームをレンダリングする：

  {{render_hinclude（コントローラー（ '... :: form'）、{'default'： '読み込み中...「}）}}

• あなたはおそらく、あなたのオリジナルのコントローラのアクションで取り扱うフォームを維持するので、このような生成したフォームの 『アクション』を変更したいと思うでしょう：

  $フォーム=の$ this - > CreateFormの（新しいFormType（）、$ obj、array（ 'アクション' => $ this-> generateUrl（ 'original_form_action'）））;