Question

我正在使用JSF和PrimeFaces创建一个图库。我正在使用ui：在p：graphicImage里面重复显示从db检索到的图像列表。每个图像都有一个点击p：对话框（及其各自的id）也在ui：repeat中定义。在p：对话框中，我再次显示单击的图像，并且还有一个h：表单，其中包含p：inputText和p：commandbutton，用于将p：inputText的文本保存到bean的String属性中。问题是ui只显示列表的最后一个图像：重复“看到”bean并设置属性。如果在ui显示的最后一个图像的对话框中：重复我写一个注释并单击命令按钮它设置bean的String文本，如果我对其他图像执行相同的操作，则String文本为null。也许这是豆子可见性的问题。我试图为bean使用不同的范围，但它无论如何都不起作用。

这是JSF代码：

    <ui:repeat value="#{imageShowController.images}" var="img">
    <h:outputLink value="javascript:void(0)"
        onclick="PF('picDialog-#{img.id}').show();">
        <p:graphicImage value="#{imageShowController.streamedContent}"
            width="250" height="250" cache="false">
            <f:param name="id" value="#{img.id}" />
        </p:graphicImage>
    </h:outputLink>
    <p:dialog id="picDialog-#{img.id}" widgetVar="picDialog-#{img.id}"
        width="500" height="500">
        <p:graphicImage value="#{imageShowController.streamedContent}">
            <f:param name="id" value="#{img.id}" />
        </p:graphicImage>
        <h:form>
            <h:panelGrid columns="2" cellpadding="5">
                <p:inputText value="#{imageShowController.txt}" />
                <p:commandButton value="Submit comment"
                    action="#{imageShowController.saveComment()}">
                    <f:param name="id" value="#{img.id}" />
                </p:commandButton>
            </h:panelGrid>
        </h:form>
    </p:dialog>
</ui:repeat>

这是bean（Java）：

@ManagedBean
@RequestScoped
public class ImageShowController {
    @Inject
    private UserSessionBean userSession;
    @Inject
    private ImageDaoService imagedao;
    @Inject
    private CommentDaoService commentdao;

    private List<Image> images;
    private String text;
    private String id;

    @PostConstruct
    public void init() throws SQLException {
        images = new ArrayList<>();
        images = imagedao.findImagesByUserId( userSession.getUserId() );
    }

    public void saveComment(){
        FacesContext context = FacesContext.getCurrentInstance();
        String id = 
        context.getExternalContext().getRequestParameterMap().get("id");

        Comment comment = new Comment();
        comment.setText(text);
        comment.setDate(new Date());
        comment.setImage(imagedao.findById(Long.valueOf(id)).get(0));
        commentdao.addComment(comment);     
    }

    public StreamedContent getStreamedContent() throws IOException {
        FacesContext context = FacesContext.getCurrentInstance();

        if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
            return new DefaultStreamedContent();
        }
        else {
            id = 
            context.getExternalContext().getRequestParameterMap().get("id");
            System.out.println("INDEX: "+id);

            byte [] b = null;
            for (int i = 0; i < images.size(); i++) {
                if(images.get(i).getId() == Long.valueOf(id)){
                    b = images.get(i).getPicture();
                    break;
                }
            }
            return new DefaultStreamedContent(new ByteArrayInputStream(b));
        }
    }
}

Answer 1

我解决了使用标签c：forEach of JSTL而不是ui：repeat。它有效!!

p：uTe：repeat中的inputText仅适用于最后一个元素

1 个答案: