`

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>
分享到:
评论

相关推荐

    seam in action

    Table of Contents Part 1 - Teeing off with Seam 1 Seam unifies Java EE 2 Putting seam-gen to work Part 2 – Seam fundamentals 3 The Seam life cycle 4 Components and contexts 5 The Seam component ...

    Xpage学习笔记

    &lt;xp:handler type="text/javascript"&gt; &lt;xp:this.script&gt;&lt;![CDATA[ var numParts = Math.floor(100/7); jsProgress.update({ maximum: numParts, progress:0 }); for (var i=0; i; i++)...

    java开源包1

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包11

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包2

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包3

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包6

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包5

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包10

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包4

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包8

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包7

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包9

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    java开源包101

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    Java资源包01

    3、连接复用,因此在多线程获取连接时无需阻塞; 4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换...

    JAVA上百实例源码以及开源项目

    JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器  Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...

    JAVA上百实例源码以及开源项目源代码

    JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很...

Global site tag (gtag.js) - Google Analytics