2

こんにちは、私は助けが必要です。

div#formsContent – これにはフォームがあり、アクションは RequestWorkListController.java によって制御されます

div#newReqDiv – これらは上記の送信の結果であり、DB から 1 回だけ静的にプルされる 5 行のテーブルがあります

div#pendReqDiv – 上記と同じ。

div#cmplReqDiv – この div はトリッキーですが、送信ボタンが最初にクリックされて 10 行がフェッチされ、クリック可能なページ番号と 10 行の表示があり、2 番目の投稿に $.ajax( を使用しています。 10 行のセットは、古い 10 行のセットを置き換えません。

SelLocCdReqCmplDao cmplDao = new SelLocCdReqCmplDao(jdbcTemplate);

int pg = ServletRequestUtils.getIntParameter(request, "pg", 1);

List<SelLocCdReqCmplModel> cmplRows = null;
cmplRows = cmplDao.execute(pg, pageSize);
int count = cmplRows.size()*10;
model.addAttribute("cmplRows", cmplRows);
model.addAttribute("pageNav", 
    pageNav.buildPageNav("#", count, pg, pageSize, pageNavTrail));

requestWorkList.jsp は次のとおりです -- スクリプトのみ

<script type="text/javascript">
    $(document).ready(function() {
        $("#form").submit(function() {
            $.post($(this).attr("action"), $(this)
                .serialize(), function(html) {
                $("#formsContent").replaceWith(html);
                $('html, body').animate({
                    scrollTop : $("#message").offset().top
                }, 500);
            });
            return false;
        });
        $('.page_nav a').click(function(e) {
            //alert($(this).text());
            //$('#cmplReqDiv').empty();
            $.ajax({
                type: 'POST',
                url: '<%=request.getContextPath()%>/requestWorkList?pg='
                     + $(this).text(),
                success: function(html) {
                    var showVar = '<c:out value="${cmplRows}"/>';
                    alert("The variable show is " + showVar);
                },
            });

            e.preventDefault();
        });
    });
</script>
4

1 に答える 1