jsp页面中的下一个和上一个按钮

时间:2014-06-02 11:54:52

标签: java jsp button jstl next

我正在使用stuts2,spring,spring security和hibernate开发应用程序。 我想在jsp页面中添加NEXT和PREVIOUS按钮,我使用的是JSTL标签。 我有一个fistName和lastName的列表。

${sessionScope.ListeOfNames}

我的页面jsp必须显示:

fistName:fistName 1

lastName:lastName 1

并点击NEXT按钮,我的jsp必须显示:

拳头姓名:拳头姓名2

lastName:lastName 2

同样的事情,使用PREVIOUS按钮:

拳头姓名:拳头名称1(n-1)

lastName:lastName 1(n-1)

感谢任何帮助

2 个答案:

答案 0 :(得分:0)

使用ajax进行此操作。例如,如果在jsp page.i.e)prev和next中放置两个按钮。 当您单击prev时,您调用ajax并动态加载结果并用新结果替换现有内容。 如果你的内容是div标签,例如

 <div id="result">
some thing
</div>

上一个 下一个 当用户点击按钮时调用ajax

$("#prev").click(function(){
                       $.ajax({
                        type:'post',
                         url:'ActionName?totalval=page,
                        success :function(data){

                            $("#result").empty();

                            $("#result").html(data);
                        },
                        error :function(){
                          alert("error");  
                        }

                    }); 

});

在hibernate中,您可以根据用户点击设置setFirstResult和setMaxResult函数。

答案 1 :(得分:0)

中添加以下代码
<html>
    <head>
    <script>
     $("#prev,#next").click(function(){


                        $.ajax({
                            type:'post',
                             url:'actionName',
                            success :function(data){

                                $("#result").empty();

                                $("#result").html(data);
                            },
                            error :function(){
                              alert("error");  
                            }

                        }); 
                });

    </script>
    </head>
    <body>
    <div id="result">
    <s:iterator value="something">
    </s:iterator>
    <button id="prev">Prev</button>
    <button id="next">Next</button>
    </div>
    </body>
    </html>

在您的Struts.xml中

<action name="actionname" class="controller.actionname">
            <result name="success">div_ajax_result.jsp</result>
        </action>

div_ajax_result.jsp

<div id="result">
<s:iterator value="something">
</s:iterator>
<button id="prev">Prev</button>
<button id="next">Next</button>
</div>

每次调用ajax都需要在列表中加载不同的结果。

我希望你现在在ajax中得到一个基本的想法。