struts 2在div中加载页面

时间:2014-01-08 02:52:26

标签: java javascript html struts2

enter image description here

我有一个我的主页的图像,我想知道是否可以在struts2中加载所有其他页面,如产品服务设施等在主页中间的红色div中。我是新的struts 2所以我不确定是否有可能请指出我如何做到这一点,将不胜感激

更新:我从Rugal先生那里得到了一些解释,我想出了这个代码,但是它没有用到我的想法。我把红色div和ID作为工作场所

            <div id="navbar">
                <ul>
                    <li><a href="index.jsp">Home</a></li>
                    <li id="products"><a href="#">Products</a></li>
                    <li id="services"><a href="#">Services</a></li>
                    <li id="facilities"><a href="#">Facilities</a></li>
                    <li id="contact"><a href="#">Contact Us</a></li>
                </ul>
            </div>
        </td>
    </tr>
</table>
</div>
<script>
$('#products').click(function(){
    $('#workplace').load('pages/products.jsp');
});
$('#services').click(function(){
    $('#workplace').load('pages/services.jsp');
});
$('#facilities').click(function(){
    $('#workplace').load('pages/facilities.jsp');
});
$('#contact').click(function(){
    $('#workplace').load('pages/contact.jsp');
});
</script>

2 个答案:

答案 0 :(得分:1)

你也可以使用struts2 tile来解决你的问题。使用切片创建基本布局。您的布局类似于此tutorial中的布局。所以你需要的是将菜单放在标题的布局部分。点击按钮或菜单,你可以调用一个特定的动作来调用一个特定的图块定义,它将把你关注的jsp页面放在中间:)

答案 1 :(得分:0)

如果我理解你的话,那么这可能是一个解决方案。

创建要在其他页面的div标记中显示的所有内容。在另一个页面中使用以下标记

div中调用该JSP
  <%@ include file="yourPage.jsp"%> 

这些菜单的链接会在yourPage.jsp使用上方的标记中创建它们,无论您想要包含此页面。

这个解决方案不是来自Struts2,如果你想在struts2中引用这个Struts2 Tile Tutorial

创建无论你想要什么东西,红色div创建为一个单独的JSP文件,并包括JSP File

例如

  Your main jsp page--- 
      main.jsp

         <body>
               <div id="someDiv">
                </div>
                <div id="yourredDiv">
                    //here you include that jSP page.
                         <%@ include file="path/yourPage.jsp"%> 
                 </div>
            </body>
        Now in yourpage.jsp

              you create the html components whatever you want.