JSF簡單的ajax事件

ajaxTest.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:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<title>myjsf</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</h:head>
<h:body>
	<body>
		<h:form id="form" style="padding:20px  0  20px  100px">
			<div style="padding-left: 50px">
				<h:commandButton id="post" style="padding:3px;width:100px;"
					value="提交響應"
					οnclick="jsf.ajax.request(this,  event,  {execute:'form',  render:  'after'});  return  false;"
					actionListener="#{count.countIt}" />
			</div>
		</h:form>
		<h:panelGroup id="after">
			<div style="padding: 20px 0 0 100px">
				<div style="padding: 0 0 10px 0">點擊次數:#{count.count}</div>
			</div>
		</h:panelGroup>
	</body>
</h:body>
</html>


BEAN

@ManagedBean(name = "count")
@ViewScoped
public class Count implements Serializable {

	/**
	 * 
	 */
	private static final long serialVersionUID = 9135869140010362113L;

	private int count = 0;

	public int getCount() {
		return count;
	}

	public void countIt() {
		count++;
	}

}

每點一次,下面顯示的點擊次數加一。

發佈了55 篇原創文章 · 獲贊 6 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章