`
Mrpublic
  • 浏览: 16435 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

这两天用js与jsf相结合的心得

JSF 
阅读更多
1.在Jsf 运用js 获取 某表单中的元件
因为 在form表单中的元件的Id 会解析为formId:元件Id
如 :
<h:form id="form1">
  <h:inputText id="id1" value=" "/>
  <h:outputText id="id2" value=" "/>
</h:form >

那么 js要获到 id1的值就得 用 document.getElementById("form1:id1").value;或
document.form1["form1:id1"].value;
======================================================================

2. inputText 与outputText的获值区别:

这是我自己发现的,不知对不对 :
如果是要获得inputText的值的话 得 用value 如上面所示;
如果是要获得outputText的值的话 得用.innnerText  如:
document.getElementById("form1:id2").innerText;

======================================================================
3.要把获取的值进行四则运算得先把其转化为Number型
var  a=document.form1["form1:id1"].value;
var  aNum= Number(a.toString());
如果a中包括一些非数字型得转换 如 把“123,456,789” 得转为123456789
var aNum=Number(a.toString().replace(/,/g,'')); 其中/.../g 表示多次替換

======================================================================
4.如果js子頁面想調用父页面某form 表单下的元件:

这种情况分2种 :
1. 如果是子页面直接套在父页面里 的话 就用window.parent;
2. 如查是子页面是从父页面点击后新弹出来的页面的话 就用window.openner;


分享到:
评论

相关推荐

    JSF与Spring完美结合

    同时,JSF的事件处理机制也可以与Spring Bean中的方法相结合。 接下来,我们来看如何在Tomcat6下部署这个猜数字游戏。这个项目可能包含以下部分: - `src/main/webapp/WEB-INF/web.xml`:Web应用的部署描述符,...

    jsf入门列子和jsf与Tiles结合

    至于JSF与Tiles的结合,Tiles是Struts框架的一个扩展,用于构建可重用的页面布局。在JSF中集成Tiles,可以更灵活地控制页面结构,实现复杂的页面模板和布局。具体集成步骤包括:引入Tiles的依赖库,配置`web.xml`以...

    jsf帮助文档 中文手册 javascript js_ref

    三、JavaScript与JSF的结合 1. AJAX集成:通过JavaScript和XMLHttpRequest对象,JSF可以实现部分页面更新,提高用户体验。 2. JSF自定义组件:可以利用JavaScript和CSS增强JSF组件的外观和行为,实现更丰富的交互...

    JSF经典的js分页

    "JSF经典的js分页"是一个示例,展示了如何在JSF应用中实现纯JavaScript(js)的分页功能。这个例子,即PageDemo,旨在提供一个代码简洁、易于理解的分页解决方案。 首先,我们需要了解JSF的基本概念。JSF是一个用于...

    java+jsf+js

    java+jsf+js java+jsf+js java+jsf+js java+jsf+js java+jsf+js java+jsf+js java+jsf+js

    CSS、JavaScript 和 JSF 精心打造 Ajax 应用

    结合CSS、JavaScript和JSF,我们可以创建高效且用户体验良好的Ajax应用。例如,使用CSS设计一个响应式的布局,当用户在JSF组件(如输入框或下拉菜单)上触发事件时,通过JavaScript和JSF的Ajax功能向服务器发送请求...

    jsf实例jsf实例 JSF学习 JSF jar包 JSF

    jsf实例 JSF学习 JSF jar包 JSF jsf实例 JSF学习 JSF jar包 JSFjsf实例 JSF学习 JSF jar包 JSF jsf实例 JSF学习 JSF jar包 JSF

    JSF全套(JSF入门教+ LIB+ Ajax4JSF使用手册 )

    JavaScript Faces (JSF) 是Java平台上的一种用于构建用户界面的模型-视图-控制器(MVC)框架,它简化了Web应用程序的开发。本资源包包含了JSF从入门到进阶的多个方面,包括基础教程、核心组件库(LIB)、Ajax4JSF的使用...

    jsf + spring结合所需jar包

    将JSF与Spring相结合可以构建出高效、可维护的Web应用。本资源提供的"jsf + spring结合所需jar包"包含了实现这种结合所需的依赖库,使得开发者无需单独寻找各个组件的jar文件,方便快捷地搭建开发环境。 JSF是一个...

    JSF与hibernate整合的登陆

    **JSF与Hibernate整合** 的目的是将JSF的UI处理能力与Hibernate的数据访问能力结合起来,创建出既具有良好用户体验又能够高效处理数据的Web应用。在本项目中,“JSF与Hibernate整合的登陆”可能涉及到以下关键知识点...

    JSF入门+JSF web实战+JSF2

    此外,还会讲解EL(Expression Language)和 Managed Beans,这两个是JSF中用于数据绑定和业务逻辑处理的关键技术。 《JSF Web应用实战开发》则深入到实际开发中,提供了许多实战案例,让读者了解如何在实际项目中...

    JSF 核心编程与入门

    JavaScript Server Faces(JSF)是Java平台上的一种用于构建Web应用程序的服务器端框架。它提供了一种组件化的开发方式,使得开发者可以使用可重用的UI组件来构建用户界面,极大地提高了开发效率。在这个主题中,...

    jsf分页 jsf分页 jsf分页

    在JavaServer Faces (JSF)框架中,分页是一种常用的技术,用于处理大量数据时提供更好的用户体验。当数据集过大,一次性加载所有记录到页面上会导致性能下降且用户界面响应变慢。通过分页,我们可以将数据分成多个...

    jsf第一个例子 jsf架包 jsf实例

    在这个例子中,`loginBean`是Managed Bean,它有两个属性(username和password),并有一个login方法处理登录操作。当用户点击登录按钮时,JSF会调用`loginBean.login`方法。 总的来说,JSF提供了一个强大且灵活的...

    jsf中文使用教程jsf中文使用教程

    5. **国际化支持**:JSF支持多语言,这在“JSF中文使用教程”中可能包含如何设置和使用中文资源的内容。 **学习JSF的关键概念**: 1. **Facelet**:Facelets是JSF的默认视图技术,用于创建和组织用户界面组件。 2. ...

    JSF中文教程jsf

    《JSF中文教程》可能是这方面的资源,它可能涵盖了JSF的基础知识、进阶主题和实际案例,旨在帮助开发者快速上手并熟练运用JSF开发Web应用。 通过深入学习JSF,开发者不仅可以提高Web应用的开发效率,还能利用Java ...

    JSF帮助文档

    在与数据库交互时,JSF可以与Java Persistence API (JPA) 或Hibernate等ORM框架结合使用,使得持久化操作变得更加简单。JSF还与JavaServer Pages (JSP)、Servlet和JavaBeans (Javabeans) 兼容,允许开发者利用这些...

    详细的JSF的使用步骤

    JSF的核心理念是组件化,它提供了一个模型-视图-控制器(MVC)架构,允许开发者使用预定义的组件、事件处理和后台bean来构建功能丰富的Web应用程序,而无需深入理解HTTP请求/响应的底层细节。 1. **JSF框架概述** ...

    JSF的工作方式 JSF架构 JSF模型 JSF事件类型

    如果存在,JSF会恢复这个视图,即重新构建组件树,确保服务器端的组件状态与上次用户交互时一致。 2. **应用请求值(Apply Request Values)**:接着,JSF从请求参数、HTTP头和Cookie中提取数据,并将这些值分配给...

Global site tag (gtag.js) - Google Analytics