JSF - ui:remove 标签

更新于 2024/5/31 13:44:25

ui:remove 标签用于防止在客户端呈现 JSF 特定代码。它特别用于防止在客户端呈现注释掉的代码。

使用 HTML 注释注释掉的 JSF 标签

<!-- JSF code commented out -->
<!-- 
<h:commandButton value = "Ok" />  
-->

渲染输出

<!-- JSF code commented out -->
<!-- 
&lt;h:commandButton value = &quot;Ok&quot; /&gt;  
-->

现在使用删除标签，我们将在渲染输出中看到以下变化。

使用删除标签注释掉 JSF 标签

<!-- JSF code commented out -->
<ui:remove>
   <h:commandButton value = "Ok" />  
</ui:remove>

渲染输出

<!-- JSF code commented out -->

示例应用程序

让我们创建一个测试 JSF 应用程序来测试 JSF 中的模板标签。

步骤	描述
1	在 com.tutorialspoint.test 包下创建一个名为 helloworld 的项目，如 JSF - 第一个应用程序一章中所述。
2	按照以下说明修改 home.xhtml。保持其余文件不变。
3	编译并运行应用程序以确保业务逻辑按要求运行。
4	最后，以 war 文件的形式构建应用程序并将其部署在 Apache Tomcat Web 服务器中。
5	按照最后一步中的说明，使用适当的 URL 启动您的 Web 应用程序。

home.xhtml

<?xml version = "1.0" encoding = "UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml"   
   xmlns:h = "http://java.sun.com/jsf/html"
   xmlns:ui = "http://java.sun.com/jsf/facelets">
   
   <h:head>
      <title>JSF tutorial</title>			
   </h:head>
   
   <h:body>	
      <ui:remove>
         <h:commandButton value = "Ok" />  
      </ui:remove>
      
      <!--
         <h:commandButton value = "Cancel" />  
      -->
   </h:body> 
</html>

完成所有更改后，让我们像在 JSF - 第一个应用程序章节中一样编译并运行应用程序。如果您的应用程序一切正常，您将看到一个空白页面。

查看页面源代码，您将看到以下 html 文本。

home.jsf

<?xml version = "1.0" encoding = "UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>JSF tutorial</title>
   </head>
   
   <body>
      <!--
         &lt;h:commandButton value = &quot;Cancel&quot; /&gt;  
      -->
   </body>
</html>

jsf_facelets_tags.html