Rendre les options d'un <s:checkboxlist> afficher verticalement dans struts2

*J'ai besoin de ma case à cocher de la liste de l'option d'affichage à la verticale au lieu de l'horizontale par défaut de l'affichage.J'ai créé un dossier dans mon dossier src dans le nom des modèles et un autre dossier avec le nom vertical-case contenant la modification .ftl fichier de mon personnalisés case à cocher de la liste.Je n'arrive pas à afficher l'personnalisé case à cocher
Mon code JSP est

  <s:checkboxlist theme="vertical-checkbox" label="Which of the following are states of India"
                            name="states"
                                list="#{'01':'January','02':'February','03':'March','04':'April',
    '05':'May'}"
      />

Merci des conseils, je suis mal.

InformationsquelleAutor Sam | 2011-06-21
  1. 9

    Normalement les jambes de force checkboxlist dans struts2 diaply les cases horizontalement. Dans la plupart des applications que nous souhaitons afficher les cases à cocher à la verticale (ligne par ligne). Pour l'alignement de cette verticale que nous avons à faire à la suite de

    1. Vous devez créer un répertoire template dans le dossier src

    2. Créer un dossier avec le nom du modèle que vous souhaitez créer (vertical-case)

    3. Copier le fichier struts-2.1.6/src/core/src/main/resources/template/simple/checkboxlist.ftl fichier dans ce répertoire le contenu de ce fichier se présente comme suit. Avant de vous mettre une
      tag que vous voulez ou aiment ce lien:
      http://codeglobe.blogspot.com/2009/09/struts2-align-check-box-vertical.html

    4. <s:checkboxlist list="urlist" name="selectedValues" listKey="id" listValue="descrption" theme="vertical-checkbox"></s:checkboxlist>

    Cela vous donnera une verticale de la case à cocher de la liste. La seule différence est qu'ici, vous devez spécifier le thème qui est la même que le répertoire que vous avez créé dans le répertoire de modèle dans le dossier src de votre projet.

    • J'ai réussi à créer mon propre Modèle et j'ai pu changer checkboxlist.ftl ce que je voulais. Donc cela répond fonctionne réellement. La seule chose que j'avais à faire pour obtenir mon modèle personnalisé pour le travail, (et je vois n'est pas mentionné) est à inclure dans le répertoire des modèles aussi les fichiers qui sont référencés dans checkboxlist.ftl E. g:<#include "de code css.ftl" /> <#include "script-événements.ftl" /> <#include "commun-attributs.ftl" /> <#include "dynamique-attributs.ftl" />
    InformationsquelleAutor chandan sharma
  2. 7

    J'ai essayé la réponse fournie ici, mais cela n'a pas fonctionné comme je l'avais espéré, j'ai perdu l'étiquette sur la liste, et aussi d'autres formatage disparu. Donc, je l'ai fait par le biais de css:

    <s:checkboxlist
  name="myCheckboxList"
  ... />

    dont les résultats au format html-éléments comme ceci:

    <input type="checkbox" id="myCheckboxList-1" ... />
<label for="myCheckboxList-1" ...
<input type="checkbox" id="myCheckboxList-2" ... />
<label for="myCheckboxList-2" ...

    Le CSS pour faire les cases verticales ressemble alors à ceci:

    label[for*=myCheckboxList-]:after {
    content:"\A"; white-space:pre;
}

    Le sélecteur de affirme que "après chaque étiquette avec un attribut contenant 'myCheckboxList-'", et le contenu de l'état "ajouter un saut de ligne ("\A") et assurez-vous que les espaces sont préservés".

    • C'est un ingenius solution. A parfaitement fonctionné. Juste 3 lignes à insérer dans mon application fichier css. Merci!!!!
    • Cette solution est beaucoup moins de code, moins d'effort que les autres affiché. Fantastisk!
    InformationsquelleAutor Tobb
  3. 2

    Vous pouvez le voir ici: http://klyuty.blogspot.it/2011/03/creating-vertical-orientation-for.html
    Je pense que c'est le plus simple et claire.

    1. Créer le modèle de dossier WEB-INF/classes de dossier de demande.
    2. Créer un dossier simple dans WEB-INF/classes/modèle de dossier (ou un autre dossier pour les autres thème).
    3. De copier le fichier checkboxlist.ftl de struts2-core.jar bibliothèque (celle-là, avec dans de simples dossier du thème dans le jar archive).
    4. Dans ce dossier après la clôture de cette étiquette de chaîne (voir le lien pour plus de détails): 
    for="${paramètres.nom?html}-${itemCount}" class="checkboxLabel">${itemValue?html}

    et avant de la chaîne: 

    </@s.iterator>

    ajouter ceci (entre):

    <#if parameters.cssStyle?exists>
<#if "${parameters.cssStyle?html}" == "vertical">
<br/><#rt/>
</#if>
</#if>

    Dans le présent code "verticale" est de style css, que nous utiliserons dans strust2 page, et
    est un séparateur entre les deux cases à cocher dans la liste de nos.

    1. Sur struts2 page avec s:checkboxlist utiliser le style "vertical" pour faire une liste verticale de l'orientation:

    InformationsquelleAutor Accollativo
  4. 0

    Sans voir la modification .ftl fichier, il est difficile de dire où les choses vont mal, mais la solution générale est:

    • Copie checkboxlist.ftl sur un nouveau répertoire (par exemple, .../modèle)

    • Dans le fichier copié, ajouter une pause entre les checkboxLabel de la classe et de l'itérateur:

      <label ... class="checkboxLabel">
<br>
</@s.iterator>

    • De référence/inclure le nouveau .../template/checkboxlist.ftl pour remplacer le standard checkboxlist.ftl.

    Si je me souviens correctement ci-dessus peut également être fait en CSS, mais j'ai oublié les détails.

    InformationsquelleAutor rappard
  5. 0

    voir ce site:
    http://mikeski.net/site/node/16

    fondamentalement, vous avez juste besoin d':

    1. d'ouvrir le fichier checkboxlist.ftl

    2. il contiendra 3 lignes, la ligne du milieu utilise le checkboxlist.ftl à partir du thème simple. Mettez en commentaire la ligne qui dit:

      <#include "/${parameters.templateDir}/simple/checkboxlist.ftl" />

    3. Puis copiez le freemarker code qui est référencé dans l'URL ci-dessus.

    Je l'ai fait, et il a travaillé pour moi. Il permet d'afficher votre case à cocher sur sa propre ligne.

    InformationsquelleAutor ns123