Primefaces 5.0を使用して動的データテーブルを作成しています。
私のDataObjectには、いくつかの必須フィールドとオプションの「tupel」(キーと値のペア)のリストがあります。オプションのリストはサイズが異なる場合があります。したがって、Primefaces.DataTableでDataObjectのリストを表示する動的メカニズムが必要です。
私のアプローチは次のようになります:
public class DataObject {
private String staticval1;
private String staticval2;
private List<Tupel> optionalValues;
// .. getter, setter, hashCode, toString.....
}
public class Tupel{
private String id;
private String value;
}
@ManagedBean
@ViewScoped
public class TableOverviewBean {
private List<DataObject> data;
@EJB
private IMyDao myDao;
@PostConstruct
public void init() {
data = myDao.findAll();
}
public List<DataObject> getData() {
return data;
}
public void setData(List<DataObject> data) {
this.data = data;
}
}
<h:form>
<p:dataTable value="#{tableOverviewBean.data}" var="data">
<p:column headerText="static1">
<h:outputText value="#{data.staticval1}" />
</p:column>
<p:column headerText="static2">
<h:outputText value="#{data.staticval2}" />
</p:column>
<p:columns value="#{data.optionalValues}" var="opt" headerText="#{opt.id}">
<h:outputText value="#{opt.value}" />
</p:columns>
</p:dataTable>
</h:form>
しかし、これは機能しません。動的列はレンダリングされません。どうすれば問題を解決できますか?
編集:期待される結果:
staticval1 | staticval2 | dynamic_id1 | dynamic_id2 | ... | dynmic_idn
----------------------------------------------------------------------
static1a | static2a | dyna_value1a| dyna_value2a | ... | dyna_valu3a
static1b | static2b | dyna_value1b| dyna_value2b | ... | dyna_valu3b
static1c | static2c | dyna_value1c| dyna_value2c | ... | dyna_valu3c
行データに基づいて列を定義することはできません。行1が2列、行2が6列、行3が1列であると想像してください。技術的に有効な表をHTMLでどのように作成しますか?各行の列数は同じでなければなりません。
モデルを変更できるかどうかに応じて、2つのオプションがあります。
モデルを変更できない場合は、その<p:columns>
を単一の<p:column>
に置き換え、ネストされたループを使用して#{data.optionalValues}
をループする必要があります。 <ui:repeat>
またはおそらく別の<p:dataTable><p:columns>
:
<p:column>
<p:dataTable value=""><!-- Empty string as value forces 1 row. -->
<p:columns value="#{data.optionalValues}" var="opt" headerText="#{opt.id}">
#{opt.value}
</p:columns>
</p:dataTable>
</p:column>
モデルを変更できる場合は、<p:columns value>
が行プロパティではなくBeanプロパティを指すようにして、すべての行でまったく同じになるようにする必要があります。これは、List<Tupel> optionalValues
をMap<String, Tupel> optionalValues
に置き換え、キーがTupel#id
であり、List<String>
プロパティを、使用可能なすべてのTupel#id
値を含むBeanに追加する場合に機能します。
<p:columns value="#{tableOverviewBean.availableTupelIds}" var="id" headerText="#{id}">
#{data.optionalValues[id].value}
</p:columns>
Java:
@Named
@ViewScoped
public class LiveRangeService implements Serializable {
private List< Map<String, ColumnModel> > tableData;
private List<ColumnModel> tableHeaderNames;
public List<Map<String, ColumnModel>> getTableData() {
return tableData;
}
public List<ColumnModel> getTableHeaderNames() {
return tableHeaderNames;
}
public void PlayListMB() {
tableData = new ArrayList< Map<String, ColumnModel> >();
//Generate table header.
tableHeaderNames = new ArrayList<ColumnModel>();
for (int j = 0; j < 5; j++) {
tableHeaderNames.add(new ColumnModel("header "+j, " col:"+ String.valueOf(j+1)));
}
//Generate table data.
for (int i = 0; i < 10; i++) {
Map<String, ColumnModel> playlist = new HashMap<String, ColumnModel>();
for (int j = 0; j < 5; j++) {
playlist.put(tableHeaderNames.get(j).key,new ColumnModel(tableHeaderNames.get(j).key,"row:" + String.valueOf(i+1) +" col:"+ String.valueOf(j+1)));
}
tableData.add(playlist);
}
}
static public class ColumnModel implements Serializable {
private String key;
private String value;
public ColumnModel(String key, String value) {
this.key = key;
this.value = value;
}
public String getKey() {
return key;
}
public String getValue() {
return value;
}
}
そしてXHTML:
<h:form>
<p:dataTable id="tbl" var="result"
value="#{liveRangeService.tableData}"
rendered="#{not empty liveRangeService.tableData}"
rowIndexVar="rowIndex"
>
<f:facet name="header"> header table </f:facet>
<p:column>
<f:facet name="header">
<h:outputText value="序号" />
</f:facet>
<h:outputText value="#{rowIndex+1}" />
</p:column>
<p:columns value="#{liveRangeService.tableHeaderNames}"
var="mycolHeader" columnIndexVar="colIndex">
<f:facet name="header">
<h:outputText value="#{mycolHeader.value}" />
</f:facet>
<h:outputText value="#{result[mycolHeader.key].value}" />
<br />
</p:columns>
</p:dataTable>
</h:form>
それは一例です。