標準のajaxフォーム(複数値:値の数=無制限)の制御l方法

カテゴリ コンテンツの作成 コアバージョン 7.34 関連モジュール ajax

標準のajaxフォーム、コンテンツ設定にて「値の数=無制限」にしているフィールドを、設定値の増減に応じて(状況に応じて)変更するような制御はどうしたらよいですか?

コメント

ユーザー actbrain の写真

複数値フィールド(値の数=無制限)は、入力フォームの増減がajaxで制御されます。
そのため、フォームロード時のみのhookでは制御しきれません。

例として、下記フィールドを想定して説明します。

・フィールドタイプ=ターム参照。
・ウィジェット=選択リスト。
・選択済みの項目を[別のアイテムを追加]ボタンクリック時に追加される新フォームで選択させたくない。

以下のような措置を行います。

1.hook_form_alter()に下記コードを挿入

if ($form_id == '{field machine name}_node_form') {
 // Treatment of when the form load.
 foreach ($form[{field machine name}]['und'] as $delta => &$el) {
  if (is_numeric($delta)) {
   if (!empty($el['und']['#default_value'][0])) {
    // Eliminate non-selected choices.
    _{your module name}_field_option_compress($el['und']['#options'], $el['und']['#default_value'][0]);
   }
  }
 }
 // Setting callback.
 $form[{field machine name}]['und']['add_more']['#ajax']['callback'] = '{your module name}_field_add_more_js';
}

2.{your module}に下記コードを挿入

function {your module name}_field_add_more_js(&$form, $form_state) {
 $element = field_add_more_js($form, $form_state); // Call standard ajax callback.
 // Collect already selected item value.
 $selected = array();
 foreach ($element as $delta => &$el) {
  if (is_numeric($delta)) {
   if (!empty($el['und']['#default_value'][0])) {
    $selected[] = $el['und']['#default_value'][0];
    // Eliminate non-selected choices.
    _{your module name}_field_option_compress($el['und']['#options'], $el['und']['#default_value'][0]);
   }
  }
  // Eliminate selected choices.
  foreach ($selected as $i) {
   unset($element[$element['#max_delta']]['und']['#options'][$i]);
  }
 }
 return $element;
}

// Eliminate non-selected choices.
function _{your module name}_field_option_compress(&$el, $aleady) {
 foreach ($el as $i => $option) {
  if ($i != $aleady) {
   unset($el[$i]);
  }
 }
}

まず、1.により、最初のフォームロード時の制御と、コールバックの設定を行います。
1.の仕掛けにより、フォーム入力中、[別のアイテムを追加]ボタンをクリックするたびに、2.が呼ばれます。
2.では、既存のフォームの選択肢と、新規フォームの選択肢両方に措置を行います。

ページ

OTHER FAQ

Drupal開発・運用の疑問/質問の答えはここに

無料ユーザー登録すると質問できます。

カテゴリ Core Ver.降順で並び替える 関連モジュール タイトル
コンテンツの作成 8.4x Download とにかく何でもコンテンツをダウンロードさせる方法
Libraries 8.5.x Libraries Commerceで外部JavaScriptをテスト/本番で読み分ける方法
コンテンツの管理 8.5.x Field File コンテンツのフィールドの表示について
JavaScript 8.5.x PHP Commerce決済モジュール設定をJavaScriptにデータに渡す方法
フォーム 8.6.x JavaScript 特定のformにJavaScriptを紐付ける方法
フォーム 8.6.x JavaScript 特定のformに動的にJavaScriptをロードする方法
Commerce 8.6.x Commerce Payment Order Commerceで歴代購入数/金額を集計する方法
Viewsプログラミング 8.6.x Views Drupal8 Viewsの動的キャッシュをクリアする方法
Commerce2 8.6.x Commerce Shipment Commerceで配送情報を得る方法
サイトの環境設定 8.6.x Simhony Yaml yamlファイルを読み込む方法
Commerce 8.6.x Commerce Payment Gateway オリジナルCommerce決済モジュール(Offsite)で決済サーバーへのPOST時のエンコードを変更する方法
Commerce2 8.6.x Commerce Order Commerceで注文情報から全Itemを得る方法
コンテンツの管理 8.6.x Commerce Commerce orderからすべての商品名を取得する方法
アップデート 8.7.2 menu drupal-core 8.7.2にupdateしたところ
コンテンツの作成 8.7.x CkEditor CKEditorエディタ内に Colorboxポップアップ を簡単に挿入する方法
ログイン 8.7.x System ユーザー アカウントロックの範囲設定
フォーム 8.7.x Webform WebformのCheckboxの要素にて表記の変更
テーマ 8.7.x Bartikのtwigについて
mac linux ファイル名 文字化け 8.7.x mac linux ファイル名 文字化け Macからlinuxにrsyncするとファイル名(濁点)が文字化けする場合の対応方法
アップデート 8.8.x Composer composer updateが異常終了する

ページ