3

我正在尝试根据用户在下拉框中选择的内容更新图像（无需单击提交或任何内容），并且我已经让它工作了，除了一件事 - 它有一个上限选项可用：

var hash = new Array();
hash['<s:property value="itemLists[1][0].id"/>']=0;
hash['<s:property value="itemLists[1][1].id"/>']=1;
hash['<s:property value="itemLists[1][2].id"/>']=2;
hash['<s:property value="itemLists[1][3].id"/>']=3;
hash['<s:property value="itemLists[1][4].id"/>']=4;
hash['<s:property value="itemLists[1][5].id"/>']=5;
hash['<s:property value="itemLists[1][6].id"/>']=6;
hash['<s:property value="itemLists[1][7].id"/>']=7;
var item= new Array();
item[0] = '<s:property value="itemLists[1][0].image"/>';
item[1] = '<s:property value="itemLists[1][1].image"/>';
item[2] = '<s:property value="itemLists[1][2].image"/>';
item[3] = '<s:property value="itemLists[1][3].image"/>';
item[4] = '<s:property value="itemLists[1][4].image"/>';
item[5] = '<s:property value="itemLists[1][5].image"/>';
item[6] = '<s:property value="itemLists[1][6].image"/>';
item[7] = '<s:property value="itemLists[1][7].image"/>';

这显然太具体了，我想知道是否有办法说为列表中的每个项目创建一个 for 循环。问题来自struts2 -'<s:property value="itemLists[1][#].id"/>'在页面首次加载时进行评估，并且“字符串”不能分成两部分，中间有一个迭代器变量。有没有办法在 Javascript 函数中使用带有 struts2 数组的 for 循环？

4

1 回答 1

5

上述循环之一的大约（阅读：未经测试）：

var items = [];
<s:iterator list="itemLists[1]" var="item" varStatus="stat">
  items.push('<s:property value="#item[#stat.index].image"/>');
</s:iterator>

您还需要对字符串进行 JS 转义以避免损坏。

我质疑单独的数组。JS 具有匿名对象表示法，例如{ id: 0, image: "ohai" }. 我会用那个；它使事情更容易处理。它看起来更接近这个：

var items = [];
<s:iterator list="itemLists[1]" var="item" varStatus="stat">
  items.push({
    id:    '<s:property value="#item[#stat.index].id"/>',
    image: '<s:property value="#item[#stat.index].image"/>
  });
</s:iterator>

所有 JSP 标记所做的就是创建要发送到客户端的文本。

文本是什么并不重要——它没有理由不能是 JavaScript 源代码。

您还可以将数据公开为 JSON/直接 JS 并避免很多忙碌的工作。

于 2012-12-05T21:35:30.057 回答