標準のajaxフォーム、コンテンツ設定にて「値の数=無制限」にしているフィールドを、設定値の増減に応じて(状況に応じて)変更するような制御はどうしたらよいですか?
標準のajaxフォーム(複数値:値の数=無制限)の制御l方法
OTHER FAQ
カテゴリ | Core Ver. | 関連モジュール | タイトル |
---|---|---|---|
Commerce2 | 8.6.x | Commerce Order | Commerceで注文情報から全Itemを得る方法 |
Commerce2 | 8.6.x | Commerce Shipment | Commerceで配送情報を得る方法 |
Commerce | 8.6.x | Commerce Payment Order | Commerceで歴代購入数/金額を集計する方法 |
コンテンツの管理 | 8.6.x | Commerce | Commerce orderからすべての商品名を取得する方法 |
サイトの環境設定 | 8.6.x | Simhony Yaml | yamlファイルを読み込む方法 |
フォーム | 8.6.x | JavaScript | 特定のformにJavaScriptを紐付ける方法 |
Commerce | 8.6.x | Commerce Payment Gateway | オリジナルCommerce決済モジュール(Offsite)で決済サーバーへのPOST時のエンコードを変更する方法 |
コンテンツの管理 | 8.5.x | Field File | コンテンツのフィールドの表示について |
Libraries | 8.5.x | Libraries | Commerceで外部JavaScriptをテスト/本番で読み分ける方法 |
JavaScript | 8.5.x | PHP | Commerce決済モジュール設定をJavaScriptにデータに渡す方法 |
サイトの構築 | 8.3x | Webform | Webformモジュール メールアドレスの入力ミス確認 |
Viewsプログラミング | 8.4x | Views | drupal8におけるViewsプログラミング |
サイト情報 | 8.4x | JavaScript | JavaScriptに変数を渡す方法 |
テーマ | 8.4x | hook_preprocess_html | bodyタグにnode idやaliasのClassを追加する方法 |
コンテンツの作成 | 8.4x | json | jQueryにjsonで渡す方法 |
コンテンツの作成 | 8.4x | Download | とにかく何でもコンテンツをダウンロードさせる方法 |
コンテンツの作成 | 8.4x | PhpSpreadsheet | Excelを読み書きする方法 |
コンテンツの作成 | 8.4x | archiver | zipファイル圧縮・解凍する方法 |
コンテンツの作成 | 8.4x | node | 新規ノードを作成する |
Views | 8.4x | hook_views_query_alter | Viewsクエリに多くの条件を追加する方法 |
コメント
複数値フィールド(値の数=無制限)は
パーマリンク 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.では、既存のフォームの選択肢と、新規フォームの選択肢両方に措置を行います。
ページ