我有一个前端代码,点击按钮时会将toggleButton设置为true,这将呈现中心页面。而是调用服务器将切换按钮设置为true,我想在浏览器中执行此操作,因为它更有意义。怎么做?我现在的代码如下,它将在服务器中设置切换变量,然后在浏览器中进行更改。
当前
<p:commandButton value="create" action="#{mybean.showCreateForm}" />
<p:panel render#{mybean.showForm} />
public void showCreateForm(){
showForm=true;
}
<p:commandButton value="create" action="#{mybean.showCreateForm}" onclick"showform=true"/>
<p:panel render#{mybean.showForm} />
我刚刚在上面的示例中演示了在渲染createform之前与服务器进行通信。我应该如何在客户端使用Primefaces或JSF
进行此操作答案 0 :(得分:1)
我想在浏览器中这样做,因为它更有意义。怎么做?
只需使用JavaScript / CSS,就像在普通的HTML网页中一样。在CSS中使用display:none
,然后在JS中切换到display='block'
。它在JSF中并没有什么不同,因为它最终也只生成HTML(在浏览器中打开JSF页面,右键单击查看源)。
您只需要记住,这样JSF组件树就不会与HTML DOM树同步。因此,当有条件显示的部分包含一个或多个表单时,这样您就会冒潜在的攻击漏洞,因为服务器端不再强制显示或隐藏表单的限制。