0

ui:repeat によって表示されるデータのテーブルがあります。ユーザーが行ごとにデータを変更できるようにするため、各行は h:form で囲まれています。最後に、各 h:form には f:ajax タグが付いたボタンがあります。私は非常に一貫性のない動作をしています。

<ui:repeat value="#{importManager.items}" var="item" varStatus="status">
    <h:form>
        <tr>
            <td>
                <h:outputText value="#{status.index}"/>
            </td>
            <td>
                <h:inputText id="title" value="#{item.title}" styleClass="#{item.validTitle ? 'valid' : 'invalid'}"/>
            </td>
            <td>
                <h:inputText id="artist" value="#{item.artist}" styleClass="#{item.validArtist ? 'valid' : 'invalid'}"/>
            </td>
            <td>
                <h:commandButton value="#{importMessages.submit}">
                    <f:ajax execute="@form" render="@all" listener="#{importManager.publish(item)}"/>
                </h:commandButton>
            </td>                           
        </tr>
    </h:form>
</ui:repeat>

上記は機能しますが、明らかに帯域幅が安くはありません。

render="@all" を render="@form" に変更すると、Firebug は部分的な応答が正常に送信されたことを示しますが、ブラウザ (Firefox) は不思議なことにそれを表示しません。だから私はそれ（ブラウザ）が更新する要素を見つけられないと推測していますか？

execute="@form" を execute="@all" に変更すると、非常に奇妙な動作が発生します。つまり、データが失われ、影響を受けるフィールドが空白になります。

バッキング Bean は非常に単純です。

    public void publish(final Item item)
    {
        Set<ConstraintViolation<Item>> violations = item.validate();

        if (violations.isEmpty())
        {
            temporaryRegistry.deleteItem(item);
            registry.storeItem(item);
        }
        else
        {
            // Display error messages
        }
    }

そしてモデル：

@Entity
public class Item implements Cloneable
{
    @Id @GeneratedValue
    private long identifier;

    @NotNull(groups={Warning.class})
    @Length(min=1, max=80, groups={Warning.class})
    private String title;

    @NotNull(groups={Warning.class})
    @Length(min=1, max=80, groups={Warning.class})  
    private String artist;

    @NotNull(groups={Warning.class})
    @Length(min=1, max=10, groups={Warning.class})
    private String media;

    @NotNull(groups={Warning.class})
    @Length(min=1, max=5, groups={Warning.class})
    @Column(name = "_condition")
    private String condition;

// Setters and Getters

    public boolean isValidTitle()
    {
        final ValidatorFactory factory = Validation.buildDefaultValidatorFactory();
        final Validator validator = factory.getValidator();

        final Set<ConstraintViolation<Item>> violations = validator.validateProperty(this, "title", Warning.class);

        return violations.isEmpty();        
    }

    public boolean isValidCondition()
    {
        final ValidatorFactory factory = Validation.buildDefaultValidatorFactory();
        final Validator validator = factory.getValidator();

        final Set<ConstraintViolation<Item>> violations = validator.validateProperty(this, "condition", Warning.class);

        return violations.isEmpty();        
    }

    public boolean isValidArtist()
    {
        final ValidatorFactory factory = Validation.buildDefaultValidatorFactory();
        final Validator validator = factory.getValidator();

        final Set<ConstraintViolation<Item>> violations = validator.validateProperty(this, "artist", Warning.class);

        return violations.isEmpty();
    }

    @Override
    public boolean equals(final Object object)
    {   
        return (object instanceof Item) && (object != null) && (((Item) object).getIdentifier() == identifier);
    }

    @Override
    public int hashCode()
    {
        return Long.valueOf(identifier).hashCode();
    }

    public Set<ConstraintViolation<Item>> validate()
    {
        final ValidatorFactory factory = Validation.buildDefaultValidatorFactory();
        final Validator validator = factory.getValidator();

        return validator.validate(this, Warning.class);
    }
}

誰でもこれを説明できますか?フォームとフォームをajaxだけで送信して結果を表示する方法はありますか?

4

1 に答える 1

1

あなたの HTML は、<form>each の周りにあることになります<tr>。これは不正なHTML 構文であるため、ブラウザの動作は未規定です。

<h:form>の周りに を配置する必要があり<table>ます。単一の「行」を囲むフォームが必要な場合は、単一の を再設計して、列幅が固定された<table>複数の 、または のグループにすることができます。<table><div>

于 2012-05-13T12:00:53.280 に答える