使用JSF（Java Server Faces）開發(二)

2019-11-18 12:28:46

字體：大中小

來源：轉載

供稿：網友

　　用戶界面組件與驗證
　　文件edit.jsp中的元素包含多個用戶界面組件，我們將會在后面具體地介紹。各組件的Html代碼都是由JSF組件標記產生，例如：，該標記中可能還會包含其他JSF標記，如：標記，該標記使JSF確認用戶輸入了信息。
　　
　　處理用戶輸入的組件使用屬性valueRef="pbean.javaBean屬性綁定起來。JSF獲得和設置治理bean屬性值已在前面介紹了。
　　
　　有的JSF組件標記不會處理任何用戶輸入。例如可用于輸出文本或JavaBean只讀屬性的值。
　　
　　每個組件都有唯一的ID，ID可在id屬性中指定或由JSF自動生成。要進行驗證的用戶界面組件需要id屬性以便驗證錯誤能夠與一起顯示打印出來。
　　
　　文本域Text Area
　　JSF表單的文本域讓用戶輸入將會由Pbuilder.java生成并由view.jsp顯示的某些文字段落等內容。edit.jsp顯示一個由確定的標簽并使用生成3行30列的
　　　　

　　　　..........
　　
　　
　　的屬性valueRef="pbean.text"使JSF查找ID為pbean的JavaBean實例，并且將用戶輸入的文本存儲到JavaBean實例的text屬性中。當HTML的表單被生成后，JSF會將text屬性值插入到

HTML元素中。類Pbean實現了get和set方法可讓JSF獲得或修改屬性的值：<br />　　<br />　　public class PBean implements java.io.Serializable {<br />　　 <br />　　　　private String text;<br />　　 <br />　　　　public String getText() {<br />　　　　　　return text;<br />　　　　}<br />　　 <br />　　　　public void setText(String text) {<br />　　　　　　this.text = text;<br />　　　　}<br />　　 <br />　　　　..........<br />　　 <br />　　} <br />　　<br />　　除了<h:input_textarea>，JSF還提供了許多生成單行文本域（text field）的標記：<br />　　<br />　　l　　　　 <intput_text><br />　　<br />　　l　　　　 <h:input_number><br />　　<br />　　l　　　　 <input_secret>（密碼輸入）<br />　　<br />　　l　　　　 <input_date><br />　　<br />　　l　　　　 <input_datetime><br />　　<br />　　l　　　　 <input_time><br />　　<br />　　l　　　　 <input_hidden>可被用于隱藏的表單域<br />　　<br />　　<b>單行文本域（Text Field）</b><br />　　edit.jsp文件的單行文本域組件只答應輸入1至7之間的數字。由<h:input_number>生成這段HTML代碼，該標記包含兩個驗證器。<f:validate_required>標記在前面已經介紹了。<f:validate_longrange>標記是使驗證器確認用戶輸入的數字在給定的范圍之內。假如超出范圍，則向用戶報告驗證錯誤，錯誤信息由<h:output_errors>產生。<br />　　<br />　　<br />　　[code]<f:use_faces><br />　　　　<h:form formName="pform"><br />　　　　　　..........<br />　　　　　　<p><br><br></SPAN>
</div>
</div>
<div   id="bvhaefr"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="gpipnst"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2019/11-19/219831.html'>使用消息驅動Beans(2)</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2019/11-19/219833.html'>使用JSF（Java Server Faces）開發(一)</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="guzptqc"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流