標準のajaxフォーム、コンテンツ設定にて「値の数=無制限」にしているフィールドを、設定値の増減に応じて(状況に応じて)変更するような制御はどうしたらよいですか?
標準のajaxフォーム(複数値:値の数=無制限)の制御l方法
OTHER FAQ
カテゴリ | Core Ver. | 関連モジュール | タイトル |
---|---|---|---|
フォーム | 7.38 | Webform | Webformでタクソノミーを参照したい |
コンテンツの作成 | 7.38 | Webform | Webformでテーブル形式にしたい |
フォーム | 7.15 | Webform | Webformで確認画面 |
フォーム | 8.7.x | Webform | WebformのCheckboxの要素にて表記の変更 |
フォーム | 7.15 | Webform | WebformのEntity Translation |
フォーム | 7.15 | Webform Template | Webformを複写したい |
サイトの構築 | 8.3x | Webform | Webformモジュール メールアドレスの入力ミス確認 |
フォーム | 7.38 | Webform | Webformモジュールをアップデートしたら「このフィールドを入力してください」 |
PHP | 8.9.x | PHP | YamlをPHP配列にする方法 |
サイトの環境設定 | 8.6.x | Simhony Yaml | yamlファイルを読み込む方法 |
コンテンツの作成 | 8.4x | archiver | zipファイル圧縮・解凍する方法 |
パフォーマンス | 7.34 | Server | お金をかけないで冗長化するには |
サイトの環境設定 | 7.59 | さくらのレンタルサーバー php Options | さくらのレンタルサーバーで パブリック/プライベートディレクトリにファイルが書き込まれないとき |
コンテンツの作成 | 8.4x | Download | とにかく何でもコンテンツをダウンロードさせる方法 |
ブロック | 7.15 | Views | ひとつのViewsをページやブックページ中で再利用する方法は? |
言語 | 7.15 | Language | まだ翻訳されていない英語文、どうにかならない? |
Commerce | 8.6.x | Commerce Payment Gateway | オリジナルCommerce決済モジュール(Offsite)で決済サーバーへのPOST時のエンコードを変更する方法 |
token | 7.34 | token | オリジナルモジュールからtokenを提供する方法を教えて下さい。 |
コンテンツの管理 | 8.4x | Action | カスタムアクションを作成する方法 |
Token | 8.4x | Token | カスタムモジュールからtokenを提供する方法(drupal8版) |
コメント
複数値フィールド(値の数=無制限)は
パーマリンク 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.では、既存のフォームの選択肢と、新規フォームの選択肢両方に措置を行います。
ページ