標準のajaxフォーム、コンテンツ設定にて「値の数=無制限」にしているフィールドを、設定値の増減に応じて(状況に応じて)変更するような制御はどうしたらよいですか?
標準のajaxフォーム(複数値:値の数=無制限)の制御l方法
OTHER FAQ
カテゴリ | Core Ver. | 関連モジュール | タイトル |
---|---|---|---|
コンテンツの作成 | 7.26 | PHP | ノード内の一部(フィールド)を変更する |
コンテンツの作成 | 7.15 | Automatic_Nodetitles Automatic_Entity_Label | ノード投稿フォームにタイトル入力フォームを表示しない方法 |
コンテンツの作成 | 7.38 | node form | ノード編集フォームをテーブル表示形式にしたい |
サイトの構築 | 7.23 | Conditional fields | ノード編集フォームを動的にしたい |
コンテンツの作成 | 8.9.x | vim nkf | ファイルのエンコーディングを確認、変更する方法 |
サイトの構築 | 7.22 | Views | フィールドセットの伸縮をノンプログラミングでやりたい |
サイトの構築 | 7.26 | Field Views | フォーム選択肢(プルダウンやチェックボックス、ラジオボタン)のカスタマイズ方法 |
フォーム | 7.43 | Webform | フォーム関数が実行されるタイミングについて |
サイトの構築 | 7.31 | Views | ブロックViewsの絞り込みが表示されない |
コンテンツの作成 | 6.x | Insert Block | ブロックの内容を本文中に表示するには? |
テーマ | 7.23 | hook | ページや状況によってテーマを切り替える |
サイトの構築 | 7.38 | Content Template | ページテンプレートが反映されません。 |
表示 | 7.26 | Views | ページ内に2つ目Viewsブロックを設置するときPagerが連動してしまう |
サイトの構築 | 7.27 | Context block | ページ別、カテゴリ別等でブロックの表示有無を簡単にするには |
コンテンツの作成 | 7.50 | Code per Node | ページ毎にCSSやJSを設定したい |
コンテンツの作成 | 7.15 | Mailhandler | メールを通じてnodeの投稿をするには |
アップデート | 7.28 | DisableMessages | モジュールのアップデートガイダンスを非表示にしたい |
サイトの構築 | 7.50 | Module Missing Message Fixer | モジュールをアンインストールしたらエラーがでるようになった |
ログイン | 8.7.x | System | ユーザー アカウントロックの範囲設定 |
ユーザ | 7.22 | Realname | ユーザーIDではなくニックネーム等を表示したい |
コメント
複数値フィールド(値の数=無制限)は
パーマリンク 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.では、既存のフォームの選択肢と、新規フォームの選択肢両方に措置を行います。
ページ