JavaScript内でイテレーターを使用したいです。

Question

JavaScript内でイテレーターを使用したいのですが、記述の仕方を知りたいです。
下記のような感じにしたいです、

<%= s:iterator value=itemList status="st">
<div class="productWrapper" shouhinCd="<s:property value="shouhinCd" />">

～～～
<s:iterator %>
イメージとしてはアイテムリストを回して、商品のIDを表示するような感じです。。

上記の書き方で試してみたのですが、<s:iterator>の部分がそのまま文字列として出力されてしまいました。
また、<s:property>内の値もコードにならずエラーとなってしまいました。

値をそのまま出力するなら<%= ～ %>とやっていたのですが、リストの中の値を指定するにはどうしたらいいのでしょうか。

何卒、宜しくお願いします。

-------- 追記 ----------

テンプレートが以下になります。
この中で、商品リストを回しながらshouhin_cdとcolor_cdを使用したいです。

◆product_result.js

var tmpl_product_result = '\
    <div class="productWrapper">\
      <div class="productImage">\
        <a href="/Products/<%= shouhin_cd %>/<%= color_cd %>/?from_search=1">\
          <img class="angle_change_target"\
            num1="<%= image_url_01 %>"\
            num2="<%= image_url_02 %>"\
            num3="<%= image_url_03 %>"\
            src="<%= image_url %>"\
            alt="<%= shouhin_cd %>-<%= iro_cd %>" />\
        </a>\
      </div>\
    </div>';

下記が読み込んでいるファイルのようで、処理後にhtmlを返却しているようです。

◆search.js

document.write('<script src="templates/product_result.js" type="text/javascript"></script>');

var refresh = function(products){
	var tmpl_result = _.template(tmpl_product_result);
	var html = "";
	_.each(products,function(num){
		html += tmpl_result(num);
	});
	return html;
};

Answer 1

Javascript を別ファイルにするのであれば無理です。
JSPに書いてもいいのであれば、普通に使えると思います。

<script type="text/javascript">
  function foo() {
    var template = <% s:iterator value=itemList status="st">  
         <div class='productWrapper' shouhinCd='<s:property value="shouhinCd" />' />
    </s:iterator> %> 
  }
</script>

どうしても、Javascript をjsファイルにしたければ、
・JSP側で s:iteratorを使って描画する
・描画した部分は display:none にして隠しておく
・js側で描画部分を取得し、templateとして使う
なども考えられます。

Answer 2

これはJavascriptではなく、JSPの書き方を聞いているのですね？
だとすると、質問についているタグがおかしくなるので、JSPに修正していただけたらと思います。

%=は不要です。
<%= ～%>になると、値を表示するだけになってしまいます。
Iteratorタグを使用するなら、

(例)
<s:iterator value="days">
  <p>day is: <s:property/></p>
</s:iterator>

このように書きます。

参考：
・５．<%= ～ %>：値の表示（expression）
・Struts2‎ > ‎タグ開発者ガイド‎ > ‎Struts タグ‎ > ‎汎用タグ‎ > ‎汎用タグリファレンス‎ > ‎iterator

Comments

[yadrop]

ご回答いただきありがとうございます！
そして説明不足で申し訳ありません。
表示するのはJSPなんですが、そのJSPに表示する用としてJSファイルにてテンプレートを作成しているようなのです。

template.js

var template = '\
<div~~~\
～～～～～\
　　/div>';

上記のようなソースでした。
このテンプレートの結果をJSPに反映させているようで、ここのJS内でリストを回したいのですが。。。

[yadrop]

文章訂正

[sonor_3rd]

>JSPに表示する用としてJSファイルにてテンプレートを作成

何かしら、フレームワーク等を利用されているのでしょうか。

[yadrop]

把握しきれてはいないのですが、画面の非同期処理が終わる際のリフレッシュなどで用いているようです。
自分もこれは要らないのではと思うのですが そこを参照している機能が多々あり、
今自分が担当している機能のために仕様を変更できないという事情です。。

[kaputaros]

jspはJavascriptより先に実行されるので、普通ならムリですが、非同期でリロードするなら使用することは可能だと思います。

なんだか、node.jsみたいですね。

jsファイルを読み込んでいる部分やテンプレート内などを記載してもらう事は可能ですか？

[yadrop]

質問欄に追記として記載したので、ご確認いただけたら幸いです！