JQueryでFormのList型のデータを処理したい

Question

JQueryで以下のFormデータの List<PrintBo> resultItemListの
全ての要素のcreateDtの値の日付書式を変換して、
変換後の値をcreateDtにSETし直すような処理がやりたいのですが。

JQueryでFormデータ内のList<OBJ>を繰り返し処理する為に、
どのように記述すればよいか判らない為、ご教示いただけないでしょうか？

public class PrintForm implements Serializable {
    
    private String fromDt;
 
    private String toDt;

    private List<PrintBo> resultItemList;
 
   …（略）…
}

public class PrintBo implements Serializable {
    
    private Date createDt;

   …（略）…
}

<jsp:root
  xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns:c="http://java.sun.com/jsp/jstl/core"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"
  xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"
  xmlns:form="http://www.springframework.org/tags/form"
  xmlns:spring="http://www.springframework.org/tags"
  version="2.1">
  <jsp:directive.page
    language="java"
    contentType="text/html; charset=utf-8"
  />
  <jsp:body>
    <form:form id="form" method="post" name="PrintForm " modelAttribute="PrintForm " action="${outputUrl}" >
      <table style="width:100%;">
        <tbody>
          <tr>
            <th>検索日付</th>
              <td class="errorMessageArea">
                <form:input id="fromDt" path="fromDt" size="12" class="date clear_value" maxlength="8" />
                ～
                <form:input id="toDt" path="toDt" size="12" class="date clear_value" maxlength="8" />
              </td>
          </tr>
        </tbody>
      </table>

      <div class="submitArea">
        <form:button id="searchButton" value="検索" url="${searchUrl}" />
        <jsp:element name="input">
          <jsp:attribute name="type">button</jsp:attribute>
          <jsp:attribute name="class">clear_button</jsp:attribute>
          <jsp:attribute name="value">クリア</jsp:attribute>
        </jsp:element>
      </div>

      <c:if test="${PrintForm.resultItemList != null}">
        <h2>検索結果</h2>
        <div class="searchResult">
          <table id="centerAndOutputResultHeader">
            <thead>
              <tr class="col1">
                <th class="createDate" rowspan="2">作成日付</th>
                …略…
              </tr>
            </thead>
            <tbody>
              <c:forEach items="${PrintForm.resultItemList}" var="item" varStatus="status">
                <jsp:body>
                  <form:hidden path="resultItemList[${status.index}].createDt" />
                  …略…
                </jsp:body>
              </c:forEach>
            </tbody>
          </table>
        </div>
        <div class="submitArea2">
          <form:button id="outputButton" value="出力" url="${outputUrl}" />
        </div>
      </c:if>
    </form:form>
  </jsp:body>
</jsp:root>

	

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

[kei344]

質問に設定されているタグが「JavaScript/jQuery」ですが、記述されているコードがJAVAです。「JAVA上でjQueryを使う」という事でしょうか。その場合はタグに「JAVA」を追加し、そうでないのであれば、出力されたHTMLを追記願います。

[take-chan]

Java上でJQueryを使用する意図はなく、
JQueryで前述したフォームのList<OBJ>型のメンバ変数を
繰り返し処理する為にどのようなコードを記述すれば実現できるか、
ご教示頂きたく考えております。

[kei344]

「フォームのList<OBJ>型のメンバ変数」を出力（？）したHTML上でjQueryが動くので、そこのHTMLを追記ください。JAVAから何らかの方法で出力されたHTML/JavaScriptをブラウザが表示･実行するので、JAVAの型がどのような型であろうと出力されたものしかJavaScriptで操作できません。

[kei344]

「List<PrintBo> resultItemListの全ての要素のcreateDtの値の日付書式を変換して、変換後の値をcreateDtにSETし直すような処理」はJAVA上で行える処理なので、jQuery/JavaScriptのタグを外して、JAVAタグを付けられるか、別途新規で質問されることをお勧めします。別途質問される際には、その旨を回答に記載し、「解決済」にしておいてください。よろしくお願いします。

[take-chan]

質問を変更して、JQueryでList<PrintBo> resultItemListの全ての要素のcreateDtをポップアップに出力する方法をご教示頂けないでしょうか？

[kei344]

「ポップアップ」がどのような挙動かはわかりませんが、出力前のソースではなく出力されたHTML（ブラウザで「ページのソースを表示」）を質問文に追記ください。

[take-chan]

知りたいことは、
Javaで書くと以下のようなコードを、
JQueryだとどう書けば良いか。なのですが。
出力されたHTMLのコードが必要でしょうか。
for(PrintBo printBo : resultItemList){
system.out.println(printBo.createDt);
}

[kei344]

「Javaで書くと以下のようなコードを、 JQueryだとどう書けば良いか。」というのであれば、「JAVA」タグを付けて質問されればと思います。jQueryはHTMLの構造をもとに取得したり書き換えたりするものなので、コードはあったほうがいいはずです。

[NatsumiOki]

コードを見てもどれがList<OBJ>なのかわかりません。
それに、コードの書き方云々よりも、やりたいことがよくわからないので回答しづらいです。

①ページを表示する時点で、日付を変換して別の場所（ポップアップ？）に表示しておきたい
②ページを表示したあとにブラウザ上でボタンなどを押したら日付を変換して別の場所に表示したい

②ならjQueryを使いますが、①ならJava側での実装となると思います。

②なら出力されたHTMLコードは必要です。
それがあればJavaがわからない人でもjQueryがわかれば回答できます。
今の質問ではJavaがわかる人でないと出力結果がわかりませんので、Javaタグで質問したほうが回答がつきやすいのではないでしょうか。
kei344さんも仰ってるとおり、「JavaのこういうコードをjQueryでどう書く？」という質問なら、Javaタグをつけて新しい質問を作り、こちらの質問を解決済みにしてください。

自分が相談している側なのに、なぜ相手の言うことを頑なに疑問視するのか不思議です。
せっかく解決するために必要なことを提示してくれているkei344さんに失礼ではないでしょうか。

[take-chan]

kei344さん、NatsumiOkiさん
申し訳ございません。
本件、解決済みとして、別途Javaタグをつけて質問させて頂きます。
ありがとうございました。

Answer 1

本件、解決済みとして、別途Javaタグをつけて質問する様にいたします。