JSF标准组件使用说明

最新推荐文章于 2025-03-18 11:35:54 发布

herongxin

最新推荐文章于 2025-03-18 11:35:54 发布

阅读量1.1k

点赞数

分类专栏： jsf 文章标签： jsf input action validation image user

jsf 专栏收录该内容

11 篇文章

订阅专栏

第一部分：

UIForm：

使用方法：

<h:form id="jsftags">

</h:form>

例子：

<form id="jsftags" method="post"
    action="/jsftags/faces/pages/tags.jsp"
    enctype="application/x-www-form-urlencoded">
    ...
    <input type="hidden" name="jsftags"
      value="jsftags" />
    <input type="hidden" name="jsftags:link" />
</form>

UICommand： 

1、commandButton 
使用方法： 
<h:commandButton 
id="submit" 
value="#{msg.buttonHeader}" 
action="nextPage"> 
</h:commandButton> 
例子： 
<input 
id="_id0:submit" 
type="submit" 
name="_id0:submit" 
value="Next Step"/> 

2、commandLink 
使用方法： 
<h:commandLink id="link" action="goto"> 
<h:outputText value="#{msg.linkName}"/> 
</h:commandLink> 
例子： 

<a id="_id0:link" 
href="#" onclick= 
"document.forms['_id0']['_id0:link'].value= 
'_id0:link'; 
document.forms['_id0'].submit(); 
return false;">Next Page</a>

UIGraphic： 
使用方法： 
<h:graphicImage id="image" 
alt="jsf-sun" 
url="/images/jsf-sun.gif"> 
</h:graphicImage> 
例子： 
<img id="jsftags:image" 
src="/jsf-example/images/jsf-sun.gif" 
alt="jsf-sun" />

 
  UIInput： 
  

  
1、inputText 
  
使用方法： 
  
<h:inputText id="address" 
  
value="#{jsfexample.address}" /> 
  
例子： 
  
<input type="text" name="jsftags:_id1" 
  
value="123 JSF Ave" /> 
  

  
2、inputSecret 
  
使用方法： 
  
<h:inputSecret redisplay="false" 
  
value="#{jsfexample.password}" /> 
  
例子： 
  
<input id="jsftags:password" 
  
type="password" 
  
name="jsftags:password" 
  
value="secret" /> 
  

  
3、inputHidden 
  
使用方法： 
  
<h:inputHidden id="hidden" 
  
value="userPreference" /> 
  
例子： 
  
<input id="jsftags:hidden" 
  
type="hidden" 
  
name="jsftags:hidden" 
  
value="userPreference" /> 
  

  
4、inputTextArea 
  
使用方法： 
  
<h:inputTextarea id="textArea" 
  
rows="4" cols="7" 
  
value="Text goes here.."/> 
  
例子： 
  
<textarea id="jsftags:textArea" 
  
name="jsftags:textArea" 
  
cols="5" rows="3"> 
  
Text goes here.. 
  
</textarea>
 

  
 
  
   Vickymade 发表于2005-09-04 8:51 PM  IP: 221.192.78.*
  
  
   UIOutput 
   

   
1、outputText 
   
使用方法： 
   
<h:outputText 
   
value="#{jsfexample.zipCode}"/> 
   
例子： 
   

   
2、outputLabel 
   
使用方法： 
   
<h:outputLabel for="address"> 
   
<h:outputText id="addressLabel" 
   
value="User Home Address"/> 
   
</h:outputLabel> 
   
例子： 
   
<span id="jsftags:addressLabel"> 
   
User Home Address</span> 
   

   
3、outputLink 
   
使用方法： 
   
<h:outputLink 
   
value="#{msg['jsfstudio.home.url']"> 
   
<f:verbatim>JSF Studio</f:verbatim> 
   
</h:outputLink> 
   
例子： 
   
<a href="http://www.jsf-studio.com"> 
   
JSF Studio 
   
</a> 
   

   
4、outputFormat 
   
使用方法： 
   
<h:outputFormat 
   
value="#{msg.jsfstudioThankYou}"> 
   
<f:param value="Joe Blow"/> 
   
<f:param id="productName" 
   
value="#{msg['jsfstudio.label']}"/> 
   
</h:outputFormat> 
   
例子： 
   
Enter address: 
   
<span style="color: red"> 
   
Validation Error: Value is required. 
   
</span> 
   
<input id="jsftags:useraddress" 
   
type="text" 
   
name="jsftags:useraddress" value="" /> 
   
<input type="submit" name="jsftags:_id1" 
   
value="Save" />