这是一个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 οnclick="showDialog(this);">
<xmdc:facet name="header">
<xmdc:outputText value="客户编号"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row2.cust_no}" οnclick="showDialog()"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="客户名称"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row2.cust_name}" οnclick="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>
把获取的值通过隐藏域传到后台使用.
<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 οnclick="showDialog(this);">
<xmdc:facet name="header">
<xmdc:outputText value="客户编号"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row2.cust_no}" οnclick="showDialog()"></xmdc:outputText>
</xmdc:column>
<xmdc:column>
<xmdc:facet name="header">
<xmdc:outputText value="客户名称"></xmdc:outputText>
</xmdc:facet>
<xmdc:outputText value="#{row2.cust_name}" οnclick="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>