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++;
	}

}

每点一次,下面显示的点击次数加一。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值