標準のajaxフォーム、コンテンツ設定にて「値の数=無制限」にしているフィールドを、設定値の増減に応じて(状況に応じて)変更するような制御はどうしたらよいですか?
標準のajaxフォーム(複数値:値の数=無制限)の制御l方法
OTHER FAQ
カテゴリ | Core Ver. | 関連モジュール | タイトル |
---|---|---|---|
アップデート | 8.8.x | Composer | composer updateが異常終了する |
アップデート | 8.9.x | composer patch | patch を composer に 組み込む方法 |
アップデート | 8.9.x | Composer update | Composer で drupal/core-8.9.7 に更新できなくなった場合の処置 |
アップデート | 8.9.x | Composer update | composer update するときに パッチが必要なモジュールが更新されパッチが消えてしまうことへ対応する方法 |
サイトの構築 | 7.23 | Conditional fields | ノード編集フォームを動的にしたい |
コンテンツの管理 | 7.15 | Content Access | 簡単に閲覧制限を行うには? |
サイトの構築 | 7.38 | Content Template | ページテンプレートが反映されません。 |
サイトの構築 | 7.27 | Context block | ページ別、カテゴリ別等でブロックの表示有無を簡単にするには |
拡張機能 | 8.3x | Contribute modules | drupal8-寄贈モジュールの動向 |
テーマ | 8.3x | Contribute themes | drupal8-寄贈テーマの動向 |
アップデート | 7.34 | Core | 簡単にCoreのセキュリティアップデートがしたい |
アップデート | 7.16 | Core | 7.15→7.16アップデート |
テーマ | 8.3x | Core | Twig開発用の設定 |
権限 | 7.50 | Cron | Basic認証時のCron(wget)実行方法 |
コンテンツの作成 | 8.9.x | CSS | キャプション付きの(右寄/左寄)画像を画像サイズを基準にきれいに表示する方法 |
テーマ | 7.15 | CSS Injector | 簡単にCSSを追加したい |
Custom module | 8.3x | Custom module Twig Block Cache | カスタムモジュールのレンダリングを非キャッシュ化する方法 |
コンテンツの作成 | 7.15 | Darty Form | 編集ページでの操作ミス |
フォーム | 7.15 | DefaultTextForNode | 新しいページの作成方法を一から教えてください |
サイトの構築 | 7.38 | deployment | 冗長構成におけるアップロードおよび時間指定公開について |
コメント
複数値フィールド(値の数=無制限)は
パーマリンク Submitted by actbrain on 2014/12/12 18:16.
複数値フィールド(値の数=無制限)は、入力フォームの増減が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.では、既存のフォームの選択肢と、新規フォームの選択肢両方に措置を行います。
ページ