JavaScript 访问 JSF 组件的方法

来源：百度文库编辑：神马文学网时间：2024/04/28 13:49:19

先看下面的 JSF 页面：
<%...@ page language="Java" pageEncoding="UTF-8"%>
<%...@ taglib uri="http://Java.sun.com/jsf/html" prefix="h"%>
<%...@ taglib uri="http://Java.sun.com/jsf/core" prefix="f"%>

My JSF ‘login.jsp‘ starting page

styleClass="formText" />

styleClass="formText" />

onclick="return isEmpty();" styleClass="formButton" />
onclick="Javascript:document.getElementById(‘formLogin‘).reset();
document.getElementById(‘formLogin:txtUsername‘).focus();"
styleClass="formButton" />

这个页面使用 JavaScript 来确认登录时用户名和密码是否为空，表单名为 formLogin，两个输入组件名为 txtUsername 和 txtPassword，当单击按钮时，将调用 JavaScript 函数 isEmpty()，根据条件判断显示对话框或是提交表单。
要注意的是，不能在 JavaScript 函数中使用如下类似语法来访问表单组件：
document.formLogin.txtUsername.value;
而应使用：
document.getElementById("formLogin:txtUsername").value;
或者：
document.forms.formLogin["formLogin:txtUsername"].value;
这是因为 JSF 解释上面的 ... 一段时会生成如下代码：

JSF 产生的所有表单控件都有符合 formName:componentName 格式的名称，这里的 formName 表示控件的表单的名称，而 componentName 表示组件名称。如果没有指定 id 属性，则 JSF 框架会自动创建标识符，就象上面的 HTML 片段中的按钮一样。因此，要访问上面的用户名字段，必须使用下列方法：
document.getElementById("formLogin:txtUsername").value;

JavaScript 访问 JSF 组件的方法 javascript 访问 JSF 组件的方法 JavaScript 访问 JSF 组件的方法 javascript如何访问jsf组件 jsf jsf 博学,审问,慎思,明辨,笃行 JSF中的javaScript的使用 JSF 实现图形JSF组件跨子域页面间的JavaScript访问 JavaScript的方法和技巧 JSF的中文化与国际化的简便方法 Javascript跨域访问解决方案从JSF的切入点控制JSF流程 7.3.访问设置自己渲染器的组件--flash/flex/fcs/AIR--编程设计网 JavaScript的方法和技巧整理调试javascript的好方法 - H_J_H - CSDNBlog JavaScript中String的属性和方法终极javascript跨域访问–跨域的相互操作 Javascript跨域访问解决方案【转帖】 - 老唐的专栏 - CSDN博客 Javascript跨域访问解决方案【转帖】 IEWebBrowser组件的execWB方法 [转]_畅享生活~~ vc中调用Com组件的方法详解 vc中调用Com组件的方法详解 WIN2K下COM组件的反注册方法访问中国报道周刊的方法介绍三种访问局域网的方法