web-dev-qa-db-fra.com

Comment afficher un champ de recherche dans un champ de formulaire de liste

Comment afficher un champ de recherche dans un champ de type "liste"?

enter image description here

5
Malaiselvan

Vous devez charger le plugin choisi pour styler les champs de la liste, comme ceci.

Chargez d'abord le plugin choisi dans votre fichier de mise en page afin qu'il puisse ajouter du style à vos champs de sélection

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

Ajouter le nom de classe suivant à votre champ de formulaire (facultatif si vous souhaitez le colorier comme champ obligatoire)

class="chzn-color-state"

Pour rendre le champ sur votre page de formulaire:

<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>

Remarque: la zone de recherche apparaît dans la zone de liste si elle contient 10 options ou plus. Voir l'exemple de code jQuery ci-dessous qui sera ajouté par Joomla.

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

Pour le remplacer, modifiez votre code de chargement choisi comme suit:

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