javascript - 有没有更好的方法将多值数据显示为一列？

Question

我的笔记数据库中有 4 个审计字段。它们是多值的，当表单上的某些内容发生变化时，它们每个都会得到一个新条目。我有一个审计表单，以柱状方式显示这些字段。几乎就像一个 View 。这是列的代码。

<xp:tr>
  <xp:td style="background-color:rgb(255,255,255)">
  <xp:text escape="true" id="dspAuditWhen"></xp:text></xp:td>

  <xp:td style="background-color:rgb(255,255,255)">
  <xp:text escape="true" id="dspAuditWho"></xp:text></xp:td>

  <xp:td style="background-color:rgb(255,255,255)">
  <xp:text escape="true" id="dspAuditWhat"></xp:text></xp:td>

  <xp:td style="background-color:rgb(255,255,255)">
  <xp:text escape="true" id="dspAuditValue"></xp:text></xp:td>
</xp:tr>

我使用客户端“onClientLoad”事件填充这些字段。

var auditWhen = XSP.getElementById("#{id:AuditWhen}").value.split(";");
XSP.getElementById("#{id:dspAuditWhen}").innerHTML = auditWhen.join("\n");

var auditWho = XSP.getElementById("#{id:AuditWho}").value.split(";");
for ( i = 0; i < auditWho.length ; i++) {auditWho[i] = auditWho[i].substr(0,20); }
var a=auditWho.join("\n");
XSP.getElementById("#{id:dspAuditWho}").innerHTML = auditWho.join("\n");

var auditWhat = XSP.getElementById("#{id:AuditWhat}").value.split(";");
var b=auditWhat.join("\n");
XSP.getElementById("#{id:dspAuditWhat}").innerHTML = auditWhat.join("\n");

注意一些事情。我还没有 dspAuditValue 的代码。我还控制着 auditWho 的长度。另请注意，我有一个用于调试目的的变量“a”和“b”。

无论如何，这段代码对于 dspAuditWhen 和 dspAuditWho 列来说工作得很好。对于 dspAuditWhat，它们似乎只是用空格分隔，而不是换行符。

我将“auditWhat”与“auditWho”进行了比较。 “auditWhat”像“auditWho”一样成功拆分成一个数组

我将“b”与“a”进行了比较。它也是一个大字符串，每个元素由\n 分隔。

我已验证 auditWhat 是 notes 客户端中的多值列表字段。 (否则，我的 Notes 客户端审计表单将无法正常工作。)

我看不出这段代码有什么问题。就好像网络浏览器在说“你得到了 2 列你想要的数据，就是这样!!!

在 IE 和 Firefox 中的行为相同

Answer 1

\n 不是 HTML 标记 - 它就像 HTML 源代码中的回车符。

尝试加入
而不是新行，例如:

XSP.getElementById("#{id:dspAuditWhat}").innerHTML = auditWhat.join("<br/>");

虽然不确定为什么某一列需要特殊处理