0

名前を追加し、同じページに1つの画像(テキストの左側)と1つの「X」画像(削除する右側)を表形式で表示するajax機能があります。左から右のように追加し、1 つの行を完了したら、次の行から開始する必要があります。

したがって、p:datagrid または同じ機能で使用できる他のタグで文字列の配列リストを表示する必要があります。

ui:repeat と p:panelgrid を組み合わせてみましたが、データグリッド機能を取得できませんでした。p:dataTable は使用しませんでした。これは、必要に応じて下部に新しい要素が追加されるためです。

PS

<h:form>

        <h:selectOneMenu id="recepients" value="#{controller.selected}">
            <f:selectItem itemLabel="Select" itemValue=""></f:selectItem>
            <f:selectItem itemLabel="Info1" itemValue="Info1"></f:selectItem>
            <f:selectItem itemLabel="Info2" itemValue="Info2"></f:selectItem>
            <f:selectItem itemLabel="Info3" itemValue="Info3"></f:selectItem>
            <f:selectItem itemLabel="Info4" itemValue="Info4"></f:selectItem>
            <f:selectItem itemLabel="Info5" itemValue="Info5"></f:selectItem>


        </h:selectOneMenu>
        <p:commandButton value="Add" action="#{controller.submit}"
            update="nameslist" />

        <p:dataGrid id="nameslist" value="#{controller.tempNameList}"
            var="name" columns="3">
            <p:column>
                <p:outputLabel value="%" />
            </p:column>
            <p:column>
                <p:outputLabel value="#{name}" />
            </p:column>
            <p:column>
                <p:commandLink value="X" action="#{controller.delete(name)}"
                    update="nameslist">
                </p:commandLink>                


            </p:column>

        </p:dataGrid>
    </h:form>

結果はこのようになるはずです...

% Abc X % Xyz X % dfd X

% を画像、X を閉じ記号と見なしてください

4

1 に答える 1

2

は<p:dataGrid>サポートしていません<p:column>。この列のレイアウトは にのみ適用され<p:dataTable>ます。

ショーケース サイトに示されているように、これらすべて<p:column>を単一のグループ化コンポーネントに<h:panelGroup>置き換えます。<p:panel>

<p:dataGrid id="nameslist" value="#{controller.tempNameList}" var="name" columns="3">
    <h:panelGroup>
        <p:outputLabel value="%" />
        <p:outputLabel value="#{name}" />
        <p:commandLink value="X" action="#{controller.delete(name)}" update="nameslist" />
    </h:panelGroup>
</p:dataGrid>
于 2013-02-18T10:41:05.697 に答える