且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Jsf动态添加/删除c:forEach循环中的组件

更新时间:2023-10-05 22:40:40

在我的代码中没有逻辑错误。在旧版本中,它只是 JSF bug。根据BalusC的评论,我遵循以下步骤:

p>


  1. 我升级了 Mojarra jsf-api-2.2。 9.jar jsf-impl-2.2.10.jar )在 JBoss AS 7.1 。请参阅

  2. 我将 c:forEach 循环更改为 ui:repeat h:dataTable 在JSF页面中。

  3. 通过直接 var 而不是索引

现在,新改变后的代码如下所示:


$ b

Index.xhtml

 < h:form ID = 形式 &GT; 
< h:panelGroup id =shipmentTermsBox>
< ui:repeat value =#{postOffer.shipmentTerms}var =shipment>
< h:selectBooleanCheckbox value =#{shipment.status}>
< f:ajax event =changelistener =#{postOffer.addShipmentTermsRow(shipment)}render =:form:shipmentTermsBox/>
< / h:selectBooleanCheckbox>
< label for =stayin>#{shipment.name}< / label> &LT峰; br /&GT;
< h:dataTable var =shipmentRowvalue =#{shipment.shipmentRowList}>
< h:栏>
< h:selectOneMenu value =#{shipmentRow.priceChoice}>
< f:ajax event =changelistener =#{postOffer.processPriceDiffChoice(shipmentRow)}render =:form:shipmentTermsBox/>
< / h:selectOneMenu>
< / h:列>
< h:栏>
< h:panelGroup rendered =#{shipmentRow.priceEnable}>
< h:inputText value =#{shippingRow.price}>
< f:ajax />
< / h:inputText>
< / h:panelGroup>
< / h:列>
< h:栏>
< h:commandButton value =Remove>
< f:ajax event =actionlistener =#{postOffer.removeShipmentTermsRow(shipment,shipmentRow)}render =:form:shipmentTermsBox/>
< / h:commandButton>
< / h:列>
< / h:dataTable>
< h:panelGroup rendered =#{shipment.status}>
< h:commandButton value =添加更多>
< f:ajax event =actionlistener =#{postOffer.addShipmentTermsRow(shipment)}render =:form:shipmentTermsBox/>
< / h:commandButton>
< br />< br />
< / h:panelGroup>
< / ui:repeat>
< / h:panelGroup>
< / h:表格>

PostOffer.java



pre $ public void processPriceDiffChoice(ShipmentRow row){
if(row.getPriceChoice()。equals(Above Price)){
row.setPriceEnable假);
} else {
row.setPriceEnable(true);


$ b public void addShipmentTermsRow(ShipmentProxy proxy){
if(proxy.isStatus()){
proxy.getShipmentRowList()。add (new ShipmentRow());
} else {
proxy.getShipmentRowList()。clear();


$ b $ public void removeShipmentTermsRow(ShipmentProxy proxy,ShipmentRow row){
proxy.getShipmentRowList()。remove(row);

$ / code>

注意:其余的代码与上述相同。


In my project, on click of checkbox and add more button, I am trying to add one row and on click of remove button, remove exact row.

Sometimes I get wrong parameter values in controller methods. So the whole component generation logic isn't working properly.

Index.xhtml

<h:form>
    <h:panelGroup id="shipmentTermsBox">
        <c:forEach items="#{postOffer.shipmentTerms}" var="shipment" varStatus="shipmentCount">
            OuterIndex : #{shipmentCount.index}
            <h:selectBooleanCheckbox value="#{shipment.status}">
                <f:ajax event="change" listener="#{postOffer.addShipmentTermsRow(shipmentCount.index)}" render="shipmentTermsBox" />
            </h:selectBooleanCheckbox>
            <label for="stayin">#{shipment.name} </label>
            <br/>
            <table border="1">
                <c:forEach items="#{shipment.shipmentRowList}" var="shipmentRow" varStatus="shipmentRowCount">
                    <tr>
                        <td>
                            InnerIndex : #{shipmentRowCount.index}
                        </td>
                        <td>
                            #{shipmentRow.priceChoice}
                            <h:selectOneMenu value="#{shipmentRow.priceChoice}">
                                <f:selectItem itemValue="Above Price" itemLabel="Above Price"/>
                                <f:selectItem itemValue="+ (more)" itemLabel="+ (more)"/>
                                <f:selectItem itemValue="- (more)" itemLabel="- (more)"/>
                                <f:ajax event="change" listener="#{postOffer.processPriceDiffChoice(shipmentCount.index,shipmentRowCount.index)}" render="shipmentTermsBox"/>
                            </h:selectOneMenu>
                        </td>
                        <td>
                            #{shipmentRow.priceEnable}
                            <h:panelGroup rendered="#{shipmentRow.priceEnable}">
                                <h:inputText value="#{shipmentRow.price}">
                                    <f:ajax/>
                                </h:inputText>
                            </h:panelGroup>
                        </td>
                        <td>
                            <h:commandButton value="Remove">
                                <f:ajax event="action" listener="#{postOffer.removeShipmentTermsRow(shipmentCount.index,shipmentRowCount.index)}" render="shipmentTermsBox"/>
                            </h:commandButton>
                        </td>
                    </tr>
                </c:forEach>
            </table>
            <h:panelGroup rendered="#{shipment.status}">
                <h:commandButton value="Add More">
                    <f:ajax event="action" listener="#{postOffer.addShipmentTermsRow(shipmentCount.index)}" render="shipmentTermsBox"/>
                </h:commandButton>
                <br/><br/>
            </h:panelGroup>
        </c:forEach>
    </h:panelGroup>
</h:form>

PostOffer.java

@ManagedBean
@ViewScoped
public class PostOffer implements Serializable {
    private List<ShipmentProxy> shipmentTerms = new ArrayList<ShipmentProxy>();

    public PostOffer() {}

    @PostConstruct
    public void init() {
        shipmentTerms.add(new ShipmentProxy(1l, "FAS"));
        shipmentTerms.add(new ShipmentProxy(2l, "CFR"));
    }

    public void processPriceDiffChoice(int shipmentIndex, int rowIndex) {
        ShipmentRow row = shipmentTerms.get(shipmentIndex).getShipmentRowList().get(rowIndex);
        if (row.getPriceChoice().equals("Above Price")) {
            row.setPriceEnable(false);
        } else {
            row.setPriceEnable(true);
        }
    }

    public void addShipmentTermsRow(int shipmentIndex) {
        ShipmentProxy proxy = shipmentTerms.get(shipmentIndex);
        if (proxy.isStatus()) {
            proxy.getShipmentRowList().add(new ShipmentRow());
        } else {
            proxy.getShipmentRowList().clear();
        }
    }

    public void removeShipmentTermsRow(int shipmentIndex, int rowIndex) {
        shipmentTerms.get(shipmentIndex).getShipmentRowList().remove(rowIndex);
    }
    //getters and setters
}

ShipmentProxy.java

public class ShipmentProxy {
    private Long id;
    private boolean status;
    private String name;
    private List<ShipmentRow> shipmentRowList = new ArrayList<ShipmentRow>();

    public ShipmentProxy(Long id, String name) {
        this.id = id;
        this.name = name;
    }
    //getters and setters
}

ShipmentRow.java

public class ShipmentRow {
    private String priceChoice = "Above Price";
    private String price = "0";
    private boolean priceEnable = false;
    //getters and setters
}

Output :

What I am doing wrong? Is there any logical bug in my code?

There is no logical bug in my code. It was just JSF bug in older version.

As per BalusC's comment, I have followed these steps :

  1. I have upgraded Mojarra(jsf-api-2.2.9.jar,jsf-impl-2.2.10.jar) in JBoss AS 7.1. Refer this
  2. I changed c:forEach loop to ui:repeat and h:dataTable in JSF page.
  3. Passed direct var instead of index in method parameter.

Now, the new changed code is looked something like this :

Index.xhtml

<h:form id="form">
    <h:panelGroup id="shipmentTermsBox">
        <ui:repeat value="#{postOffer.shipmentTerms}" var="shipment">
            <h:selectBooleanCheckbox value="#{shipment.status}">
                <f:ajax event="change" listener="#{postOffer.addShipmentTermsRow(shipment)}" render=":form:shipmentTermsBox" />
            </h:selectBooleanCheckbox>
            <label for="stayin">#{shipment.name} </label> <br/>
            <h:dataTable var="shipmentRow" value="#{shipment.shipmentRowList}">
                <h:column>
                    <h:selectOneMenu value="#{shipmentRow.priceChoice}">
                        <f:selectItem itemValue="Above Price" itemLabel="Above Price"/>
                        <f:selectItem itemValue="+ (more)" itemLabel="+ (more)"/>
                        <f:selectItem itemValue="- (more)" itemLabel="- (more)"/>                                                                   
                        <f:ajax event="change" listener="#{postOffer.processPriceDiffChoice(shipmentRow)}" render=":form:shipmentTermsBox"/>
                    </h:selectOneMenu>
                </h:column>
                <h:column>
                    <h:panelGroup rendered="#{shipmentRow.priceEnable}">
                        <h:inputText value="#{shipmentRow.price}">
                            <f:ajax/>
                        </h:inputText>
                    </h:panelGroup>
                </h:column>
                <h:column>
                    <h:commandButton value="Remove">
                        <f:ajax event="action" listener="#{postOffer.removeShipmentTermsRow(shipment,shipmentRow)}" render=":form:shipmentTermsBox"/>
                    </h:commandButton>
                </h:column>
            </h:dataTable>
            <h:panelGroup rendered="#{shipment.status}">
                <h:commandButton value="Add More">
                    <f:ajax event="action" listener="#{postOffer.addShipmentTermsRow(shipment)}" render=":form:shipmentTermsBox"/>
                </h:commandButton>
                <br/><br/>
            </h:panelGroup>
        </ui:repeat>
    </h:panelGroup>
</h:form>

PostOffer.java

public void processPriceDiffChoice(ShipmentRow row) {
    if (row.getPriceChoice().equals("Above Price")) {
        row.setPriceEnable(false);
    } else {
        row.setPriceEnable(true);
    }
}

public void addShipmentTermsRow(ShipmentProxy proxy) {
    if (proxy.isStatus()) {
        proxy.getShipmentRowList().add(new ShipmentRow());
    } else {
        proxy.getShipmentRowList().clear();
    }
}

public void removeShipmentTermsRow(ShipmentProxy proxy,ShipmentRow row) {
    proxy.getShipmentRowList().remove(row);
}

Note : Rest of the code is same exactly mentioned in question.