JSF: affichage h:selectManyCheckBox verticalement dans h:dataTable

J'ai simplement facelet qui affiche une liste de produits sous forme de tableaux. Dans la dernière colonne de chaque ligne, il y a une case à cocher est utilisée pour marquer le produit pour la suppression. Jusqu'à maintenant, je dois mettre une selectBooleanCheckBox sur chaque ligne et avoir une "marque de la suppression de la propriété" dans l'entité de Produit mais je pense que c'est laid, parce que j'ai de présentation des choses dans mon modèle de bean.

Est-il de toute façon à avoir une h:selectManyCheckBox qui a son f:selectItem distribuer sur chaque ligne de la table de données ?

Merci

InformationsquelleAutor robinmag | 2010-07-28
  1. 13

    La t:selectManyCheckbox layout="propagation" est une excellente suggestion.

    Comme alternative, vous pouvez également les lier la h:selectBooleanCheckbox composant à un Map<Long, Boolean> propriété où Long représente l'ID de l'entité (ou autre identifiant que vous pouvez utiliser pour identifier la ligne) et Boolean représente l'état activé.

    E. g.

    public class Bean {
    private List<Entity> entities;
    private Map<Long, Boolean> checked = new HashMap<Long, Boolean>();

    public void submit() {
        for (Entity entity : entities) {
            if (checked.get(entity.getId())) {
                //Entity is checked. Do your thing here.
            }
        }
    }

    //...
}

    avec

    <h:dataTable value="#{bean.entities}" var="entity">
    <h:column>
        <h:selectBooleanCheckbox value="#{bean.checked[entity.id]}" />
    </h:column>
    ...
</h:dataTable>
<h:commandButton value="submit" action="#{bean.submit}" />

    La Map<Long, Boolean> seront automatiquement remplis avec les ID de toutes les entités d'une map et la case de valeur est définie comme la valeur de la carte associée à l'ID de l'entité en tant que clé.

    Voir aussi:

    InformationsquelleAutor BalusC
  2. 3

    Vous pouvez, à l'aide de MyFaces Tomahawk est <t:selectManyCheckbox> avec layout="spread"

    InformationsquelleAutor Bozho
  3. 1

    Dans mon application, j'ai utilisé ci-dessous de code pour obtenir plusieurs liste de case à cocher pour être affichées verticalement avec barre de défilement:

    <style type="text/css">
#productCategoryId label {
  float: inherit;
  font-size: 10px!important;
  font-weight: normal;
}
#productCategoryId table.formTable th, table.formTable td {
  padding: 0px 0px 0 0;
}
</style>

<div style="width:200px;height: 280px;overflow-y:scroll;overflow-x:hidden;border:1px solid #999;" max-height=280px>
             <h:selectManyCheckbox  id="productCategoryId" layout="pageDirection" style="width:200px" styleClass="changeId">
                  <f:selectItem itemValue="-1000" itemLabel="ALL" />
                  <f:selectItems value="#{lookup.list['RSM_LOOKUP']['PRODUCT_CATEGORY']}"/>
                </h:selectManyCheckbox >
            </div>
    InformationsquelleAutor Sanchi Girotra
  4. 0

    La meilleure façon d'utiliser selectManyCheckbox et dataTable est...

    === Page.xhtml === 

    <ice:selectManyCheckbox id="idSelectManyCheckbox" layout="spread"
   value="#{MyBean.selectedsValuesCheckbox}" >
   <f:selectItems value="#{MyBean.selectItemsCheck}"/>
</ice:selectManyCheckbox>

<ice:dataTable varStatus="rowVar"
   value="#{MyBean.listOfMyObjects}" var="anyNameVar">

   <ice:column>
      <ice:checkbox for="idSelectManyCheckbox" index="#{rowVar.index}" />
   </ice:column>
   <ice:column>
      <ice:outputText value="#{anyNameVar.property1}" />
   </ice:column>

   <!-- ... more columns .. -->
</ice:dataTable>

    === MyBean.java ===

    private List<MyObject> listOfMyObjects = new ArrayList<MyObject>(3);
private List<String> selectedsValuesCheckbox = new ArrayList<String>(2);
private SelectItem[] selectItemsCheck = new SelectItem[3];

private handleSelectItemsCheck(){
   int idx = 0;
   selectedsValuesCheckbox.add("1");
   selectedsValuesCheckbox.add("3");
   for (MyObject myObject : listOfMyObjects) {
      selectItemsCheck[idx++] = 
    new SelectItem(myObject.property1, myObject.property2); //value and label
   }
}

    //Obtient et définit

    ================================================================

    *you must use layout="spread" in that situation.
*in the table the checkboxs 1 and 3 will be selected. because "selectedsValuesCheckbox"
    InformationsquelleAutor Daniel Costa