如何将 p:galleria 中所有图像的默认标题更改为每个图像的特定标题答案

【问题标题】：How to change the default titles in p:galleria for all images to specific titles for each image如何将 p:galleria 中所有图像的默认标题更改为每个图像的特定标题
【发布时间】：2016-09-25 20:22:18
【问题描述】：

我在 PrimeFaces 中为p:galleria 实现了示例。我可以毫无问题地显示我的图像等。但我希望每张图片都有自己的标题。这是我的代码：

<p:galleria value="#{mywork.images}" var="image" panelWidth="500" panelHeight="313"
    showCaption="true" style="left:350px;">
    <p:graphicImage name="/galleria/dotacion/#{image}" alt="Image Description for #{image}"
        title="#{mywork.titles}" style="width:100%;"/>
</p:galleria>

这是我的豆子：

package org.portfolio.util;

import java.util.ArrayList;
import java.util.List;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;

@ManagedBean
public class Mywork {

    private List<String> images;
    private String titles = "";
    private String titles2 = "";

    @PostConstruct
    public void init() {
        images = new ArrayList<String>();

        for (int i = 1; i <= 7; i++) {
            images.add("pierrel"+i+".jpg");
            if (i == 1) {
                titles = "imagen de prueba if1";
                getTitles();
            }
            if (i == 2){
                titles = "imagen de prueba if2";
                getTitles();
            }
        }
    }

    public List<String> getImages() {
        return images;
    }

    public String getTitles() {
        return titles;
    }

    public String getTitles2() {
        return titles2;
    }  
}

我做错了什么或错过了什么？

这只是为每张图片返回“imagen de prueba if2”。

【问题讨论】：

感谢对帖子的编辑，我的第一个。

标签： jsf primefaces jsf-2

【解决方案1】：

您可以使用 Object 而不是使用字符串列表。

在你的 ManagedBean 中

@ManagedBean
public class Mywork {

private List<ImageObject> images;

@PostConstruct
public void init() {
    images = new ArrayList<String>();

    for (int i = 1; i <= 7; i++) {
        images.add(new ImageObject("fileName" + i + ".jpg", "myDescription", "myTitle"));
    }
}

public class ImageObject{
   private String fileName;
   private String description;
   private String title;

  public ImageObject(String fileName, String description, String title){
   this.fileName = fileName;
   this.description = description;
   this.title = title;
  }

  //Getters setters
 }

}

在你的 xhtml 中

<p:galleria value="#{mywork.images}" var="image" panelWidth="500" panelHeight="313" showCaption="true" style="left:350px;">
        <p:graphicImage name="/galleria/dotacion/#{image.fileName}" alt="#{image.description}" title="#{image.title}" style="width:100%;"/>
    </p:galleria>

【讨论】：