オブジェクト作成フォームと既存のオブジェクト リストであるcreablocco.xhtmlで構成されるビューを開発しています。
<?xml version="1.0"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:ace="http://www.icefaces.org/icefaces/components"
xmlns:ice="http://www.icesoft.com/icefaces/component"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
template="/resources/includes/templates/template.xhtml">
<ui:param name="pageTitle" value="Crea blocco" />
<ui:define name="page-content">
<ace:panel id="personalInfoInputPanel" header="Crea blocco">
<div class="div_creablocco">
<h:form id="creabloccoform">
<h:panelGrid id="creabloccoInputGrid" columns="1" styleClass="table_creablocco">
<ace:textEntry id="numeroFile" value="#{creaBloccoBean.numeroFile}" label="Numero file:" labelPosition="left" required="true" requiredIndicator="(*)" indicatorPosition="right">
</ace:textEntry>
<ace:textEntry id="numeroColonne" value="#{creaBloccoBean.numeroColonne}" label="Numero colonne:" labelPosition="left" required="true" requiredIndicator="(*)" indicatorPosition="right">
</ace:textEntry>
<ace:textEntry id="posizioneX" value="#{creaBloccoBean.posizioneX}" label="Coordinata X:" labelPosition="left" required="true" requiredIndicator="(*)" indicatorPosition="right">
</ace:textEntry>
<ace:textEntry id="posizioneY" value="#{creaBloccoBean.posizioneY}" label="Coordinata Y:" labelPosition="left" required="true" requiredIndicator="(*)" indicatorPosition="right">
</ace:textEntry>
<ace:pushButton id="pushBttnCreaBlocco" value="Crea blocco" action="creaBlocco"/>
</h:panelGrid>
</h:form>
</div>
</ace:panel>
<ace:panel id="blocchiPanel" header="Blocchi">
<h:form id="blocchiTableForm">
<ace:menuBar id="iconeBloccoMenu" rendered="#{!blocchiBean.modificaInCorso}">
<ace:menuItem id="dettagliBloccoButton" value="Dettagli" action="dettagliBlocco" icon="ui-icon ui-icon-search" />
<ace:menuItem id="modificaBloccoButton" value="Modifica" action="modificaBlocco" icon="ui-icon ui-icon-pencil" />
<ace:menuItem id="cancellaBloccoButton" value="Cancella" action="cancellaBlocco" icon="ui-icon ui-icon-closethick" />
</ace:menuBar>
<ace:menuBar id="iconeModificaBloccoMenu" rendered="#{blocchiBean.modificaInCorso}">
<ace:menuItem id="annullaModificheButton" value="Annulla" action="annullaModificheBlocco" icon="ui-icon ui-icon-arrow-1-w" />
<ace:menuItem id="salvaModifiche" value="Salva" action="salvaModificheBlocco" icon="ui-icon ui-icon-disk" />
</ace:menuBar>
<ace:dataTable id="blocchiTable" value="#{blocchi}"
binding="#{blocchiBean.table}" stateMap="#{blocchiBean.stateMap}"
selectionMode="multiple" doubleClickSelect="false"
rowSelectListener="#{blocchiBean.selectListener}"
rowUnselectListener="#{blocchiBean.deselectListener}" var="blocco"
lazy="true" rows="10" paginator="true" paginatorPosition="bottom">
<ace:column id="idBloccoColumn" headerText="ID" styleClass="id">
<h:outputText id="idBloccoText" value="#{blocco.id}" />
</ace:column>
<ace:column id="numeroFileBloccoColumn" headerText="Numero file"
styleClass="numFile">
<ace:cellEditor>
<f:facet name="output">
<h:outputText id="numeroFileBloccoText"
value="#{blocco.numeroFile}" />
</f:facet>
<f:facet name="input">
<h:inputText id="numeroFileBloccoInput"
value="#{blocco.numeroFile}" />
</f:facet>
</ace:cellEditor>
</ace:column>
<ace:column id="numeroColonneBloccoColumn"
headerText="Numero colonne" styleClass="numColonne">
<ace:cellEditor>
<f:facet name="output">
<h:outputText id="numeroColonneBloccoText"
value="#{blocco.numeroColonne}" />
</f:facet>
<f:facet name="input">
<h:inputText id="numeroColonneBloccoInput"
value="#{blocco.numeroColonne}" />
</f:facet>
</ace:cellEditor>
</ace:column>
<ace:column id="posizioneXBloccoColumn" headerText="Posizione X"
styleClass="posX">
<ace:cellEditor>
<f:facet name="output">
<h:outputText id="posizioneXBloccoText"
value="#{blocco.posizioneX}" />
</f:facet>
<f:facet name="input">
<h:inputText id="posizioneXBloccoInput"
value="#{blocco.posizioneX}" />
</f:facet>
</ace:cellEditor>
</ace:column>
<ace:column id="posizioneYBloccoColumn" headerText="Posizione Y"
styleClass="posY">
<ace:cellEditor>
<f:facet name="output">
<h:outputText id="posizioneYBloccoText"
value="#{blocco.posizioneY}" />
</f:facet>
<f:facet name="input">
<h:inputText id="posizioneYBloccoInput"
value="#{blocco.posizioneY}" />
</f:facet>
</ace:cellEditor>
</ace:column>
</ace:dataTable>
</h:form>
</ace:panel>
</ui:define>
</ui:composition>
「オブジェクト作成フォーム」(<h:form id="creabloccoform">
)は、テキスト入力とボタン(<ace:pushButton id="pushBttnCreaBlocco" ... />
)で構成されています。
「既存のオブジェクト リスト」はテーブル ( <ace:dataTable id="blocchiTable" .. />
) であり、選択したオブジェクトの属性を編集したり、選択したオブジェクトを削除したりするための開始点として機能します。
削除および編集プロセスは、テーブル内のいくつかの行を選択し、メニュー バーの適切なボタンを押すことによって実行されます (<ace:menuBar id="iconeBloccoMenu" .. />
および を<ace:menuBar id="iconeModificaBloccoMenu" ... />
参照)。
これは、 Spring Webflow のcreablocco-flow.xmlを使用して定義されたフローです。
<?xml version="1.0" encoding="UTF-8"?>
<flow xmlns="http://www.springframework.org/schema/webflow"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.springframework.org/schema/webflow
http://www.springframework.org/schema/webflow/spring-webflow-2.0.xsd">
<var name="creaBloccoBean" class="com.infoone.siglo.viewbeans.CreaBloccoBean" />
<view-state id="creablocco">
<on-entry>
<evaluate expression="blocchiBean.getBlocchi()" result="flowScope.blocchi" />
</on-entry>
<transition on="creaBlocco" to="fine">
<evaluate expression="gestoreBlocchiCtr.creaBlocco(creaBloccoBean)" />
</transition>
<transition on="cancellaBlocco" to="decidiCancellazione">
<evaluate expression="blocchiBean.getRigheSelezionate()" result="flowScope.righeSelezionate"/>
</transition>
<transition on="modificaBlocco" to="decidiModifica">
<evaluate expression="blocchiBean.getRigheSelezionate()" result="flowScope.righeSelezionate"/>
</transition>
</view-state>
<decision-state id="decidiCancellazione">
<if test="!(flowScope.righeSelezionate).isEmpty()" then="cancellaBlocco" else="fine" />
</decision-state>
<decision-state id="decidiModifica">
<if test="!(flowScope.righeSelezionate).isEmpty()" then="modificaBlocco" else="fine" />
</decision-state>
<action-state id="cancellaBlocco">
<evaluate expression="gestoreBlocchiCtr.rimuoviBlocchi(flowScope.righeSelezionate)" />
<transition to="fine"/>
</action-state>
<action-state id="modificaBlocco">
<evaluate expression="blocchiBean.abilitaModifica()"/>
<transition to="fine"/>
</action-state>
<end-state id="fine" />
</flow>
これは、タイトルBlocchiBean.javaで言及されている問題を引き起こしているBeanです。
package com.infoone.siglo.viewbeans;
import java.io.Serializable;
import java.util.Arrays;
import java.util.List;
import java.util.Set;
import java.util.concurrent.ConcurrentSkipListSet;
import javax.annotation.PostConstruct;
import javax.faces.bean.ViewScoped;
import org.icefaces.ace.component.column.Column;
import org.icefaces.ace.component.datatable.DataTable;
import org.icefaces.ace.event.SelectEvent;
import org.icefaces.ace.event.UnselectEvent;
import org.icefaces.ace.model.table.RowState;
import org.icefaces.ace.model.table.RowStateMap;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import com.infoone.siglo.viewbeans.lazyLoaders.BlocchiLazyLoader;
@Component
@ViewScoped
public class BlocchiBean implements Serializable {
/**
*
*/
private static final long serialVersionUID = -7007046069743684498L;
@Autowired
private transient BlocchiLazyLoader blocchi;
private DataTable table;
private RowStateMap stateMap;
private Set<CreaBloccoBean> righeSelezionate;
private boolean modificaInCorso;
public BlocchiBean()
{
}
@SuppressWarnings("unused")
@PostConstruct
private void initBlocchi()
{
stateMap = new RowStateMap();
stateMap.setAllSelectable(true);
righeSelezionate = new ConcurrentSkipListSet<CreaBloccoBean>();
blocchi.setRowCount(blocchi.getPageSize());
modificaInCorso = false;
}
//BlocchiLazyLoader blocchi
public void setBlocchi(BlocchiLazyLoader blocchi) {
this.blocchi = blocchi;
}
public BlocchiLazyLoader getBlocchi() {
return blocchi;
}
//RowStateMap stateMap
public RowStateMap getStateMap() {
return stateMap;
}
public void setStateMap(RowStateMap stateMap) {
this.stateMap = stateMap;
}
//DataTable table
public DataTable getTable() {
return table;
}
public void setTable(DataTable table) {
this.table = table;
}
//Selection listeners
public void selectListener(SelectEvent event) {
Object[] oggettiSelezionati = event.getObjects();
for (Object oggettoSelezionato : oggettiSelezionati) {
CreaBloccoBean bloccoSelezionato = (CreaBloccoBean) oggettoSelezionato;
righeSelezionate.add(bloccoSelezionato);
}
}
public void deselectListener(UnselectEvent event) {
Object oggettoDeselezionato = event.getObject();
CreaBloccoBean bloccoDeselezionato = (CreaBloccoBean) oggettoDeselezionato;
righeSelezionate.remove(bloccoDeselezionato);
}
//List<CreaBloccoBean> righeSelezionate
public List<CreaBloccoBean> getRigheSelezionate() {
CreaBloccoBean[] array = new CreaBloccoBean[righeSelezionate.size()];
array = righeSelezionate.toArray(array);
return Arrays.asList(array);
}
public void setRigheSelezionate(List<CreaBloccoBean> righeSelezionate) {
this.righeSelezionate.clear();
this.righeSelezionate.addAll(righeSelezionate);
}
public boolean isModificaInCorso() {
return modificaInCorso;
}
public void setModificaInCorso(boolean modificaInCorso) {
this.modificaInCorso = modificaInCorso;
}
//Abilitazione dell'editing
public void abilitaModifica() {
if (!righeSelezionate.isEmpty())
{
modificaInCorso = true;
List<Column> colonne = table.getColumns();
for (Object oggettoCorrente : stateMap.getSelected()) {
CreaBloccoBean beanCorrente = (CreaBloccoBean) oggettoCorrente;
RowState statoCorrente = stateMap.get(beanCorrente);
if (righeSelezionate.contains(beanCorrente)) {
for (Column colonna : colonne) {
statoCorrente.addActiveCellEditor(colonna.getCellEditor());
}
}
}
}
}
}
ここで、次の URL を使用してフローにアクセスしhttp://<project base URL>/<flow path>?execution=<execution key 1>
、行の 1 つを選択するとします。明らかに、BlocchiBeanオブジェクトのstateMapおよびrigheSelezionate属性は、基礎となるエンジンによって適切に更新されます (後者は (選択解除) リスナーを介して)。その後、Modificaボタン (編集のイタリア語) をクリックすると、*cellEditor* が適切にアクティブになります。これまでのところ、すべて問題ありません。
ここで問題が発生します。アドレスバーの実行キーを変更して のようなものを取得し、Returnhttp://<project base URL>/<flow path>?execution=<execution key 2>
キーを押すと(したがって、フローの別のインスタンスが開始されます)、フローの開始ビューが再び開かれますが、「テーブルの状態」は開かれません。見てリセット。選択した行はまだ選択されており、 BlocchiBeanオブジェクトのstateMap属性とrigheSelezionate属性は変更されていないように見えます。特に BlocchiBean が@ViewScopedとして宣言されているため、これはかなり奇妙です。
@Component
@ViewScoped
public class BlocchiBean implements Serializable {
したがって、フローの新しいインスタンスが開始されると、最初から再作成されることが期待されます。
すでにスコープで遊んでみましたが、問題は解決しませんでした。
完全を期すために、 BlocchiBeanオブジェクト の以前の注釈について言及します。
@Component("blocchiBean")
@ViewScoped
public class BlocchiBean implements Serializable {
私の目的は、コンポーネント名をビューとフローで使用される Bean 名と一致させることでした。残念ながら、この注釈でも問題は解決しません。