Question

我在所有jsf页面中都有相同的标准工具栏，其中包含save，new，search等操作...我正在寻找一种在xhtml页面中重构它并将其包含在每个页面中的方法，问题是每个页面都有自己的viewscoped managedbean，命令按钮操作与每个页面相关。

每个managedbean实现下面代表行为的接口

public interface ActionAbstract {

public void search(ActionEvent actionEvent);

public void newRecord(ActionEvent actionEvent);

public void clear(ActionEvent actionEvent);

public void remove(ActionEvent actionEvent);

public void searchAdvanced(ActionEvent actionEvent);

public void back(ActionEvent actionEvent);

public void closePage(ActionEvent actionEvent);

public void validate(ActionEvent actionEvent);

public void duplicate(ActionEvent actionEvent);

public void refresh(ActionEvent actionEvent);

}

Managed Bean：

@ViewScoped
@ManagedBean
public class ExampleBean implements ActionAbstract

工具栏xhtml：

<p:toolbar>
<f:facet name="left">
    <p:commandButton title="New" update="@all" icon="fa fa-plus" actionListener="#{ExampleBean.newRecord}" process="@this" />
    <p:commandButton title="Search" update="@all" icon="fa fa-search" actionListener="#{ExampleBean.search}" rendered="#{ExampleBean.showTable}"
                        process="@this" />
    <p:commandButton title="Advanced Search" icon="fa fa-search-plus" actionListener="#{ExampleBean.searchAdvanced}"
                        rendered="#{ExampleBean.showTable}" process="@this" />
    <p:commandButton title="Clear" icon="fa fa-eraser" actionListener="#{ExampleBean.clear}" rendered="#{ExampleBean.showTable}" process="@this" />
    <p:commandButton title="Duplicate" icon="fa fa-copy" actionListener="#{ExampleBean.duplicate}" rendered="#{ExampleBean.showDetail}"
                        process="@this" />
    <p:commandButton title="Validate" icon="fa fa-check" actionListener="#{ExampleBean.validate}" rendered="#{ExampleBean.showDetail}"
                        process="@this" />
    <p:commandButton title="Remove" icon="fa fa-remove" actionListener="#{ExampleBean.remove}" rendered="#{ExampleBean.showDetail}" process="@this" />
    <p:commandButton title="Refresh" icon="fa fa-refresh" actionListener="#{ExampleBean.refresh}" process="@this" />
    <p:commandButton title="Back" update=":form" icon="fa fa-arrow-left" actionListener="#{ExampleBean.back}" rendered="#{ExampleBean.showDetail}"
                        process="@this" />
    <p:commandButton title="Close" icon="fa fa-sign-out" actionListener="#{ExampleBean.closePage}" process="@this" />

</f:facet>

它可以重构它??? !!!非常感谢你的帮助。

Answer 1

绝对可以重构。这是一个我喜欢组合而不是继承的情况。您已经有了一个界面，因此您可以轻松地将其用作匿名类并将其传递给复合组件。使用这种方法，您可以在同一页面上拥有多个工具栏;不是你可能想要的，但该技术可以应用于其他组件。那么唯一的考虑因素是你传入Ajax属性（更新/进程）和按钮渲染属性，或者你是否将它们作为ActionAbstract接口的一部分（如果你将它们作为接口的一部分，它将是一个好的想重命名它。）

例如，工具栏界面

package jp.faces.test;

public interface Toolbar {
    public void newRecord();
}

Managed Bean;为了简洁起见，我在getter中使用了lazy instantiation

@ManagedBean
@ViewScoped
public class TestBean {

private Toolbar toolbar = null;

public Toolbar getToolbar(){        
    if(toolbar == null){
        toolbar = new Toolbar() {           
            @Override
            public void newRecord() {
            // custom bean action goes here
        };
    }
    return toolbar;
}

复合

<cc:interface>
    <cc:attribute name="toolbar" type="jp.faces.test.Toolbar"/>
</cc:interface>

<cc:implementation>
    <div id="#{cc.clientId}">
        <h:commandButton value="New" actionListener="#{cc.attrs.toolbar.newRecord}"/> 
    </div>
</cc:implementation>

在Facelet页面中使用它

<comp:toolbar bean="#{testBean.toolbar}"/>

使用每个页面的自定义逻辑重构常见的JSF工具栏

1 个答案: