11

いくつかの統計用のインターフェース JEE / JSF を開発しました。ユーザーが表示したい参照を選択するためのチェックボックスを作成しましたが、問題は、データベースのデータに基づいてチェックボックス Arraylist を生成するために使用することです。

そして、私が望むようにそれらを配置することはできません。10個のチェックボックスの後、他の人が行などに直接生成することを望みます..

私はこの結果を持っています

http://image.noelshack.com/fichiers/2013/48/1385458240-after.jpg

そして、私はこれができたらいいのに

ここに画像の説明を入力

MTBFBEAN

private List<String> selectedReference = new ArrayList<String>();
private List<String> listReference = new ArrayList<String>(); 
private Boolean afficher = false; // Déclaration du bool pour le rendered de
                                    // ma vue dans MTBF

@SuppressWarnings("deprecation")
public StatisticsBeanMTBF() {
    this.beginDate = new Date(2001, 00, 01);
    List<ProductConfModel> listtmp = this.moduleGlobal.getProductConfModels(2);
    for (ProductConfModel pcm : listtmp) {

        this.listReference.add(pcm.getReference());
        }
    }

public void mTBFByType() {
    this.afficher = true;
    this.listMTBF = new ArrayList<StatistiquesMTBF>();
    List<StatistiquesMTBF> suspense = this.moduleGlobal.getMTBFByType(nbHeure, nbJour, NS, DAE, beginDate, endDate);
    for (StatistiquesMTBF smtbf : suspense) {
        for (String s : this.selectedReference) {
            if (smtbf.getReference().equals(s)) {
                this.listMTBF.add(smtbf);
            }

JSF XHTML

    <h:outputText value="Date début :* " />
                    <p:calendar value="#{statisticsBeanMTBF.beginDate}"
                        navigator="true" required="true" />
                    <h:outputText value="Date fin:* " />
                    <p:calendar value="#{statisticsBeanMTBF.endDate}" navigator="true"
                        required="true" />

                </h:panelGrid>
                <h:panelGrid columns="1">
                    <h:outputText value="Selectionner votre référence : " />

                    <p:selectManyCheckbox id="grid" columns="5"
                        value="#{statisticsBeanMTBF.selectedReference}">
                        <f:selectItems value="#{statisticsBeanMTBF.listReference}" />
                        </p:selectManyCheckbox> 
                </h:panelGrid>
                <p:separator />

誰かが私を助けることができれば、それはいいでしょう。

ありがとうございました ！

4

2 に答える 2

14

次を使用してこの結果を取得します。

<h:panelGroup layout="block" styleClass="selection">
    <p:selectManyCheckbox layout="pageDirection" value="#{selection.selection}">
</h:panelGroup>

そしてそれぞれを設定します<tr>：

.selection tr {
   float: left;
    width: 33%;
}

あなたの場合、それを 10% に設定し、外側のコンテナを に設定しwidth: 100%ます。

次のようになります。

ここに画像の説明を入力

于 2013-11-26T10:19:41.837 に答える
5

この例に従って、に追加する必要layout="grid"があります。このような ：p:selectManyCheckbox

<p:selectManyCheckbox id="grid" layout="grid" columns="5" value="#{statisticsBeanMTBF.selectedReference}">
    <f:selectItems value="#{statisticsBeanMTBF.listReference}" />
</p:selectManyCheckbox>

編集 ：

columnsバージョン 4.0 で追加されたPrimeFaces ドキュメント ショーの高速検索。このバージョンを持っていないか、アップグレードできない場合は、CSS を使用して古い方法で行う必要があります。

于 2013-11-26T10:14:32.817 に答える