web-dev-qa-db-ja.com

リストフォームフィールド内に検索ボックスを表示する方法

「リスト」タイプのフォームフィールド内に検索ボックスを表示するにはどうすればよいですか?

enter image description here

5
Malaiselvan

このようなスタイルのリストボックスフィールドに、選択したプラグインをロードする必要があります。

選択したプラグインをフォームレイアウトファイルに最初にロードして、選択ボックスにスタイルを追加できるようにします

JHtml::_('formbehavior.chosen', 'select');

次のクラス名をフォームフィールドに追加します(必須フィールドとして色を付ける場合はオプション)

class="chzn-color-state"

フォームページにフィールドをレンダリングするには:

<div class="control-group">
   <div class="control-label">
      <?php echo $this->form->getLabel('fieldname'); ?>
   </div>
   <div class="controls">
     <?php echo $this->form->getInput('fieldname'); ?>
   </div>
</div>

注:検索ボックスは、10個以上のオプションがある場合、リストボックス内に表示されます。 Joomlaによって追加される以下のサンプルjQueryコードを参照してください。

jQuery('select').chosen({"disable_search_threshold":10,

これをオーバーライドするには、選択した読み込みコードを次のように変更します。

JHtml::_('formbehavior.chosen', 'select', null, array('disable_search_threshold'=>1));
6
Nagarjun