如何从 JavaScript 和 Grails 访问变量？

Question

我有一个 Grails 变量，其类型为 JASONList，在模板中呈现。

有没有办法从 JavaScript 函数内部访问这个列表？

假设我想要 onresize 来适应屏幕上的所有对象。无需进行数据库调用并从 Ajax 重新获取整个列表...

假设模板执行类似以下操作：

<g:each var="report" in="${reportList?.myArrayList}">
  <li style="display:inline; list-style:none;">
    <img src="  ${report?.img}">
  </li>
</g:each>
<script type="text/javascript">
    function resize(list) {
        if (list.size <givenSize) // Pseudocode
            list.subList() // Pseudocode
    }
    window.onresize = resize("${reportList}")
</script>

这样做的问题是，出于某种原因，Grails gsp 不会将“${reportList}”呈现为列表。相反，它将其呈现为字符串“${reportList}”。

我可能认为这个问题完全错误，但是有没有办法调整这些对象的大小或通过 document.getElementById 或类似性质的东西获取它们？

$reportList 由 POJO 作为 JSON 转换填充...

Answer 1

Grails 变量仅存在于服务器端。 JavaScript 在浏览器（客户端）中运行。发送到浏览器的所有内容都是字符串，因此虽然您可以使用 Grails 生成一段 JavaScript，例如 window.onresize = resize("${reportList}")，但浏览器只会看到${reportList} 计算结果的字符串。

这意味着，如果您使用 Grails 将变量传递给 resize() JavaScript 函数，则参数 (list) 将只是一个字符串 - 您不会能够访问服务器端列表方法，例如 list.size 或 list.subList()，因为 list 变量是 no更长的清单；它只是一个字符串。

Answer 2

我不知道，但也许 Grails 不想计算 script 标记内的表达式。动态生成的脚本并不是一个很好的做法。

但在找到确切原因之前，您可以尝试如下操作：

<g:each var="report" in="${reportList?.myArrayList}">
  <li style="display:inline; list-style:none;">
    <img src="  ${report?.img}">
  </li>
</g:each>
<%= """<script type=\"text/javascript\">
function resize(list){
  if(list.size <givenSize) //posudo code
     list.subList() // psudocode
}

window.onresize = resize(\"$reportList\")
</script>""" %>

Answer 3

我不确定为什么你的 ${reportList} 被渲染为 ${reportList}，因为当我执行以下操作时：

var t = "${taskList}";

我在 HTML 中得到以下内容：

var t = "[com.wbr.highbar.Task : 1, com.wbr.highbar.Task : 4, com.wbr.highbar.Task : 2, com.wbr.highbar.Task : 5]";

也就是说，你仍然会遇到问题，因为 JavaScript 会不知道如何处理您的报告列表。如果它是纯 JSON，则需要对其进行 eval() 以便将其转换为 JavaScript 对象。

Answer 4

我找到了我的问题。基本上，如果您在 Grails 中使用 POJO，Grails 的 JSON 转换就不是很智能。它所做的只是对象上的 toString，而不是潜在地查看所有公共访问器等。

这有点令人失望，但基本上我需要在 POJO 的 toString 方法中创建 JSON 转换。