简单的 JSF 布局单元

Question

我是 JSF 的新手，我正在使用 primefaces，

我必须布局单元中心和北方，在北方布局中我有输入文本和命令按钮，我只想在输入框中输入一个 url，当我点击命令按钮时，url 显示在中心布局单元中。

代码如下

<h:body>
    <p:layout fullPage="true">

        <p:layoutUnit position="north">
            <p:inputText id="inputUrl" />
            <p:commandButton value="Submit" />
        </p:layoutUnit>

        <p:layoutUnit position="center" id="centerLayout">
        </p:layoutUnit>

    </p:layout>
</h:body>

Answer 1

您可以简单地为 commandlink 设置值并更新它，如下所示。

有效。

<h:form id="form">

<p:layout fullPage="true" id="main">


<p:layoutUnit position="north">
    <p:inputText id="inputUrl" value="#{formBeanBB.url}" />
    <p:commandButton value="Submit"  actionListener="#{formBeanBB.displayLink}" update="links,inputUrl"/>
</p:layoutUnit>

<p:layoutUnit position="center" id="centerLayout">
<h:panelGrid id="links">

<p:commandLink value="#{formBeanBB.link}" />
</h:panelGrid>
</p:layoutUnit>

BackingBean

@ManagedBean
@ViewScoped
public class FormBeanBB implements Serializable{

private String url;
private String link;


 public void displayLink(){


          setLink(url);

          setUrl("");
      }

    public String getUrl() {
            return url;
        }

        public void setUrl(String url) {
            this.url = url;
        }

        public String getLink() {
            return link;
        }

        public void setLink(String link) {
            this.link = link;
        }  


}