如何在每行下显示cfdiv?

时间:2015-01-27 14:48:49

标签: javascript ajax coldfusion

我有一个记录表,用户可以点击名称来显示有关该特定记录的更多详细信息。我设置了一个标签,但每次点击链接时,它只显示在页面顶部或第一行。有没有办法让它在点击时显示在每个名称下面。这是我的代码......

<table width="75%" border="1">
  <tr>
    <th>Student Name</th>
  </tr>
  <cfoutput query="Q">
  <tr>
    <td><a href="javascript:ColdFusion.navigate('detailedRecord.cfm?RLN=#RLN#','detail')">#Q.sln#, #Q.sfn#</a></td>
  </tr>
  <tr>
    <td><cfdiv id="detail"></cfdiv></td>
  </tr>
  </cfoutput>
</table>

1 个答案:

答案 0 :(得分:4)

由于您处于循环<cfoutput query="Q">,因此您需要使detail成为唯一标识符。正如你所写,你的循环的每个迭代都有相同的id。也许只需添加当前行号即可使其唯一。

<table width="75%" border="1">
  <tr>
    <th>Student Name</th>
  </tr>
  <cfoutput query="Q">
  <tr>
    <td><a href="javascript:ColdFusion.navigate('detailedRecord.cfm?RLN=#RLN#','detail#Q.CurrentRow#')">#Q.sln#, #Q.sfn#</a></td>
  </tr>
  <tr>
    <td><cfdiv id="detail#Q.CurrentRow#"></cfdiv></td>
  </tr>
  </cfoutput>
</table>