在我的 JSF 页面上,我在dataTable
. 我希望能够编辑此表中的行。作为解决方案,当您单击第一列中的值时,我会弹出一个对话框。我使用setPropertyActionListener
. 这似乎有效。但是,弹出窗口会在几分之一秒后消失。我不明白为什么会这样。有人有建议吗?
这是我的 dataTable 的 JSF 代码:(如您所见,我正在使用 PrimeFaces)
<h:form id="dataForm">
<p:dataTable value="#{misterBean.values}" var="value">
<p:column>
<h:commandLink value="#{value.name}" onclick="updateDlg.show()">
<f:setPropertyActionListener
target="#{misterBean.value}"
value="#{value}" />
</h:commandLink>
</p:column>
<!-- more columns -->
</p:dataTable>
</h:form>
以及对话框的 JSF 代码:
<p:dialog id="updateDialog" header="Update data" widgetVar="updateDlg">
<h:form id="updateForm">
<h:panelGrid columns="2" cellpadding="5">
<h:outputLabel for="name" value="Name:" />
<p:inputText id="name" value="#{misterBean.value.name}" />
<h:outputLabel for="flag" value="Flag:" />
<p:selectBooleanButton id="flag"
value="#{misterBean.value.flag}"
onLabel="On"
offLabel="Off" />
<f:facet name="footer">
<p:commandButton id="submitButton"
value="Submit"
actionListener="#{misterBean.update}"
oncomplete="updateDlg.hide()"
update=":dataForm" />
</f:facet>
</h:panelGrid>
</h:form>
</p:dialog>
支持 bean 如下所示:
@Controller
@ManagedBean( name = "misterBean" )
@ViewScoped
public final class MisterBean {
private final MyService myService;
private final List<Value> values;
private Value value;
@Autowired
public MisterBean( final MyService myService ) {
this.myService = myService;
this.values = this.myService.loadValues();
this.value = new Value();
}
public List<Value> getValues() {
return this.values;
}
public Value getValue() {
return this.value;
}
public void setValue( final Value value ) {
this.value = value ;
}
public void update( final ActionEvent e ) {
this.myService.save( this.value );
this.value = new Value();
}
}