0

我有这个运行良好的小型 Web 应用程序。我现在想添加引导选项卡控件。访问此链接以了解我正在尝试做的事情。

应用程序结构是这样的：我有Page1.jsp, Page2.jsp, Page3.jsp。现在我添加了index.jsp，在其中放置了一个引导选项卡控件，该控件又指向这些页面。我的 index.jsp 看起来像这样。

         <body>
            <ul class="nav nav-pills nav-stacked col-md-2">
               <li class="active"><a href="#main_page" data-toggle="pill">Main Page</a></li>
               <li><a href="#page1" data-toggle="pill">Page1</a></li>
               <li><button id="btn_page2" class="float-left submit-button" onclick="location.href='redirect:page2'">Page2</button></li>
               <li><a href="#page3" data-toggle="pill">Page3</a></li>
               <li><a href="#test_tab" data-toggle="pill">Test Tab</a></li>
            </ul>

            <div class="tab-content col-md-10">

            <div class="tab-pane" id="main_page"> <p>This area belongs to the MAIN PAGE</p></div>
            <div class="tab-pane" id="page1"> <p>This area belongs to the PAGE 1</p></div>
            <div class="tab-pane" id="page2"> <p>This area belongs to the PAGE 2</p></div>
            <div class="tab-pane" id="page3"> <p>This area belongs to the PAGE 3</p></div>
            </div>
            <script type="text/javascript">
              function GotoPage2()
              {
                var Page2_Button = document.getElementById("btn_page2");
                Page2.location.href = "redirect:page2";
              }
             </script>
         </body>

您可能已经注意到，我尝试了不同的组合。也放置一个按钮，然后使用 java 脚本进行重定向。我什至尝试将Page 1.jsp的所有 JSP 代码放入ID = page1的DIV选项卡窗格中。但这仍然不会调用 Spring MVC 控制器。

所以我想尝试以下两种方法 1-单击 Page1 按钮/链接时，我想调用/包含 Page1.jsp 并且控制器应该是可调用的。 2-如果选项 1 不可行，我想复制相应选项卡窗格的所有代码，并且控制器应该可以从中调用。

选项 1 对我来说看起来更整洁。我在这里做错了什么？感谢您的任何意见。

4

0 回答 0