`

javascript获取jsf table值

阅读更多
这是一个jsf 中的table,我们可以通过javascript去实现鼠标单击table列,获取改行的值:
把获取的值通过隐藏域传到后台使用.
<xmdc:dataTable var="row2"
style="position:absolute;top:423px;left:30px;height-fordesign:131px;width:944px"
id="data2" value="#{CustInfor.bfoProvider.bfoList}" align="center"
rows="4" width="100%" bgcolor="#a9cef7" styleClass="sortable">
<xmdc:saveState value="#{CustInfor}"></xmdc:saveState>
<xmdc:column onclick="showDialog(this);">
<xmdc:facet name="header">
<xmdc:outputText value="客户编号"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row2.cust_no}" onclick="showDialog()"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="客户名称"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row2.cust_name}" onclick="showDialog()"></xmdc:outputText>
</xmdc:column>
</xmdc:dataTable>



<xmdc:verbatim>
<script type="text/javascript">
function showDialog(){
input = document.getElementById("theform:data2");
var rowNum = input.rows;
var td = event.srcElement;
var num = td.parentElement.parentElement.rowIndex;
var custNo = rowNum[num].cells[0].innerText;
var custName =rowNum[num].cells[1].innerText;
var cunKuanDc = rowNum[num].cells[3].innerText;
var daikuanDc = rowNum[num].cells[4].innerText;
var shifoujituan = rowNum[num].cells[5].innerText;
var hangye= rowNum[num].cells[6].innerText;
var guimo= rowNum[num].cells[7].innerText;
document.getElementById("theform:custName").value = custName;
document.getElementById("theform:custNo").value = custNo;
document.getElementById("theform:cunkuan").value = cunKuanDc;
document.getElementById("theform:daikuan").value = daikuanDc;
document.getElementById("theform:jituan").value = shifoujituan;
document.getElementById("theform:hangye").value = hangye;
document.getElementById("theform:guimo").value = guimo;
    }
  </script>
</xmdc:verbatim>
分享到:
评论

相关推荐

    用jsf页面动态创建表格

    本文将详细介绍如何在JSF页面上动态生成表格,以及如何通过JavaScript来增加或删除表格行。 #### 技术栈与环境 - **JavaServer Faces (JSF)**:一种Java平台标准,用于构建基于组件的应用程序。 - **HTML/XHTML**:...

    JSF写的数据库增删改查

    JavaScript Server Faces(JSF)是Java平台上的一种用于构建Web应用程序的框架,特别适用于创建数据驱动的应用程序。在JSF中实现数据库的增删改查功能是常见的需求,它结合了模型-视图-控制器(MVC)设计模式,提供...

    JSF+hibernate实现批量删除

    在IT行业中,JavaScript Server Faces(JSF)是一种用于构建企业级Web应用程序的Java框架,而Hibernate则是一个流行的Java对象关系映射(ORM)工具,它简化了数据库操作。本篇文章将详细探讨如何利用JSF与Hibernate...

    个人的JSF+AJAX+Hibernate练习

    同时,JSF的Data Table组件可以轻松展示来自数据库的数据,并通过AJAX支持实现动态的增删改查功能。 【练习项目】 "个人的JSF+AJAX+Hibernate练习"项目可能是为了学习和掌握这些技术的结合使用。通过创建一个小型的...

    jsf+hibernate+javabean完成对表的增删查改

    在IT领域,JavaScript Server Faces(JSF)是一个用于构建企业级Web应用的Java框架,而Hibernate则是一个流行的Java对象关系映射(ORM)工具。两者结合使用,可以方便地处理数据库操作,如增、删、查、改(CRUD)。...

    jsf 分页

    在JavaScript框架中,JSF(JavaServer Faces)是一种用于构建Web应用程序的技术,它提供了一种声明式的方式来处理用户界面和后端数据交互。在大型应用中,数据展示往往需要分页来提高用户体验,避免一次性加载大量...

    jsf1.2 hibernate整合小例子

    2. **创建实体类**:定义表示数据库表的 Java 类,并使用 JPA 注解(JSF 1.2 支持 JPA)或者 Hibernate 映射注解(如 `@Entity`, `@Table`, `@Id` 等)来指定它们的属性与数据库字段的关系。 3. **配置 JSF**:在 `...

    JSF中文标签

    - **简单表格**:使用`&lt;h:dataTable&gt;`或`&lt;h:table&gt;`等标签创建基本的表格结构。 - **表头、表尾**:可以使用`&lt;f:facet&gt;`来定义表头和表尾。 - **TableModel类**:用于处理表格数据的模型,提供了更高级的表格功能,...

    ADF Table popup弹出编辑和添加

    首先,`ADF Table` 是基于JavaServer Faces (JSF) 技术的,它提供了一种可视化的方式来构建用户界面,可以动态地展示数据库或其他数据源的数据。在这个场景中,我们关注的是表格中的行选中事件以及与之关联的弹出...

    UploadDataList.rar_Table

    服务器端,通常是Java应用,会解析请求,获取到上传的文件,并存储到指定位置。 在Java中,处理文件上传的关键类是`java.servlet.http.Part`,它是在Servlet 3.0及以上版本中引入的。`UploadDataList.java`可能包含...

    java ee 表格的绘制

    通过设置`border`、`padding`、`color`、`font-family`等属性调整表格的外观,使用`width`、`height`控制尺寸,`display: table-cell`确保元素按表格布局排列。 4. JavaScript与jQuery JavaScript和jQuery可以用来...

    j2ee23:jquery:使用jquery技术实现奇数行偶数行换色

    $("table tbody tr").each(function(index) { // index是从0开始的,所以奇数行是index % 2 === 1,偶数行是index % 2 === 0 if (index % 2 === 0) { // 偶数行 $(this).addClass("even-row"); // 添加一个CSS类...

    ADF mobile

    AdfmfContainerUtilities 提供了调用 JavaScript API 的功能,例如,可以监听 List Item 的点击事件并改变其中的 Checkbox 值。然而,需要注意的是,由于 ADF Mobile 页面最终会被解析成 HTML5,部分控件的 ID 在...

    icefaces API

    2. **实时(Live)组件**:ICEfaces 提供了实时组件,如Live Data Table,可以在数据变化时自动更新,无需用户手动刷新页面。 3. **事件处理**:ICEfaces 使用JSF事件模型,允许开发者自定义组件间的事件传递和处理...

    J2EE软件工程师内部培训资料

    - **单行函数**:涵盖各种单行函数,如`UPPER()`、`LOWER()`等,这些函数可以对单个值进行操作并返回一个值。 - **从多个表里选取数据记录**:讲解如何使用JOIN操作来组合来自不同表的数据。 - **集合函数**:了解...

    An introduction to RichFaces

    在众多解决方案中,RichFaces作为一款针对Java Server Faces(JSF)框架设计的组件库,因其内置了强大的JavaScript与Ajax功能而受到广泛欢迎。本文将详细介绍如何使用RichFaces来增强浏览器应用的功能性与交互性。 ...

    J2EE课程总结

    - 在JSF中有四种类型的事件:值变化事件、动作事件、阶段事件和系统事件。 #### AJAX (Asynchronous JavaScript And Xml) - AJAX是一种使用JavaScript异步与服务器交换数据的技术,可以在不重新加载整个页面的情况...

    xpages培训

    第四课将关注JavaScript的运用,包括服务器端SSJS(Server-side JavaScript)和客户端JS(Client-side JavaScript)的编写和调试。学员将学习如何使用Web前端JS调试工具,以及如何在后台调试SSJS代码,以提升应用...

    richfaces3.3.1实现表格的行拖动、分页加载等功能

    在IT行业中,富客户端框架(RichFaces)是一个广泛使用的JavaScript库,它为JavaServer Faces (JSF) 提供了丰富的用户界面组件。本篇将详细探讨如何利用`richfaces3.3.1`版本实现表格的行拖动、分页加载等功能。这些...

    全套前端新手入门API中文帮助文档

    学习如何创建结构化的网页布局,并理解如何通过链接(`&lt;a&gt;`)、图像(`&lt;img&gt;`)、表格(`&lt;table&gt;`)等元素来组织内容。 2. **CSS**:层叠样式表(CSS)用于控制网页的外观和布局。文档会涵盖选择器、盒模型、布局...

Global site tag (gtag.js) - Google Analytics