春季

Question

我有三个卡口与HREF链接传递价值，JSP，

<ul > 
     <li class="active"> 
      <a href="#tab_0" id="tab1" data-toggle="tab">Search by Booking ID</a> 
     </li> 
     <li> 
      <a href="#tab_1" id="tab2" data-toggle="tab">Today's Booking</a> 
     </li> 
     <li> 
      <a href="#tab_2" id="tab3" data-toggle="tab">Search by Date</a> 
     </li> 
</ul> 

当每个标签提交表单，我传递一个值，服务器就知道我已经选择了哪个选项卡，使用隐藏的输入字段< input type = hidden value =“tab1”id =“view”/>。我想要的是在jsp页面上获得相同的值，并在页面加载时选择相应的选项卡。我正在使用Spring框架。我试着在ModelAndView中增加一个额外的对象，像

ModelAndView model = new ModelAndView(); 
model.addObject("view", view); 

和脚本代码是：

$(document).ready(function() { 
     var activeTab = ${view}; 

     if(activeTab == "tab1"){ 
      $("#tab1").click(); 

     } else if(activeTab == "tab2"){ 
      $("#tab2").click(); 

     }else if(activeTab == "tab3"){ 
      $("#tab3").click(); 

     }else{ 
      $("#tab1").click(); 
     } 
    }); 

但是，这是行不通的。 :(请帮助。

Answer 1

你不需要JavaScript代码。因为你已经在你的回应添加view值，你可以使用el只是执行active CSS类在你的JSP文件中指定选项卡，像这样

<ul > 
    <li ${view eq "tab1"?'class="active"':''}> 
     <a href="#tab_0" id="tab1" data-toggle="tab">Search by Booking ID</a> 
    </li> 
    <li ${view eq "tab2"?'class="active"':''}> 
     <a href="#tab_1" id="tab2" data-toggle="tab">Today's Booking</a> 
    </li> 
    <li ${view eq "tab3"?'class="active"':''}> 
     <a href="#tab_2" id="tab3" data-toggle="tab">Search by Date</a> 
    </li> 
</ul>