春季

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>