JSF中如何写js代码提交到JSF的管理Bean的一个方法中

0 0

JSF中如何写js代码提交到JSF的管理Bean的一个方法中10

请问在JSF中如何写js代码提交到JSF的管理Bean的一个方法中

faces-config.xml代码片段

         <managed-bean>
		<managed-bean-name>loginAction</managed-bean-name>
		<managed-bean-class>
			com.test.action.login.LoginAction
		</managed-bean-class>
		<managed-bean-scope>request</managed-bean-scope>
         </managed-bean>

java代码片段

public class LoginAction {
	public String sayHello() {
		System.out.println("hello");
		return "main";
	}
}

jsp代码片段

   <h:form>
      <h:commandButton action="#{loginAction.sayHello} [color=red]type="button"[/color] onclick="sayHello()"/>
   </h:form>

js代码片段

function sayHello(){
   [color=red]请问这里应该如何让上面的<h:commandButton>提交到LoginAction.sayHello()中[/color]}

先感谢大牛了!

入门技术

2008年6月23日 05:05

tony.zou
0
0 0 0

2个答案按时间排序按投票排序

0 0

采纳的答案

JSF判断用户点击的哪个Command组件是根据请求参数中包含的command组件的ID判断的，如果你的form的id 为myform,你的commandButton为mybutton,那么一旦你的request中包含参数名为myform:mybutton的参数(参数值随便取)，JSF就会执行拥有这个ID的Command组件绑定的Action方法。
我一般用jquery的form插件通过ajax提交form,同时在请求参数中追加上我想触发的Action绑定在页面中的组件的id，这个效果和普通的点击页面上的Command组件是一样的，不过通过jquery实现了异步提交form并触发后台某个Action方法，好处就是你可以把这个过程通过js注册到页面上任何元素上
例如：
function save(isShowState,isValidate){
$.blockUI('<img src="images/loading.gif" />',{border: '0px',filter: 'alpha(opacity=50)'});
var result = false;
var options = {
type: 'GET',
data: {'infoForm:saveButton': 'ajaxSaveButton'},
success: successCallBack,
cache: false,
async: false,
error: function(){
alert('保存过程中发生未知错误！');
}
}

if(isValidate){//需要校验
options.beforeSubmit = infoFormOnSubmit;
}

$('#infoForm').ajaxSubmit(options);
function successCallBack(){
result = true;
if(isShowState){
alert('基本信息保存成功！');
}
}
$.unblockUI();
return result;

}

2008年6月23日 09:17

jones
1626
0 0 0

添加评论

0 0

<h:form id="frm" >  
   <h:commandButton id="btn" action="#{loginAction.sayHello} <SPAN style="COLOR: red">type="button"</SPAN> onclick="sayHello()"/>  
</h:form>

注意form,button都加了id

function sayHello(){   
    document.getElementById("frm:btn").click();
}

2008年6月25日 17:57

careprad
37
0 0 0

添加评论

已解决问题

未解决问题

排行榜

查看全部排名>>