在 spring 中将值传递给 JSP
Passing value to JSP in spring
我有三个带有 href 链接的标签,
<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>
在每个选项卡中提交表单时,我向服务器传递一个值以了解我select编辑了哪个选项卡,使用隐藏的输入字段 < input type=hidden value="tab1"id="view"/>。我想要的是在页面加载时在 jsp 页面和 select 相应选项卡上获得相同的值。我正在使用 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();
}
});
但这不起作用。 :( 请帮忙。
您不需要 JavaScript
代码。由于您已经在响应中添加了 view
值,因此您可以使用 el
来在 JSP 中强制执行 active
css class指定选项卡的文件,像这样
<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>
我有三个带有 href 链接的标签,
<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>
在每个选项卡中提交表单时,我向服务器传递一个值以了解我select编辑了哪个选项卡,使用隐藏的输入字段 < input type=hidden value="tab1"id="view"/>。我想要的是在页面加载时在 jsp 页面和 select 相应选项卡上获得相同的值。我正在使用 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();
}
});
但这不起作用。 :( 请帮忙。
您不需要 JavaScript
代码。由于您已经在响应中添加了 view
值,因此您可以使用 el
来在 JSP 中强制执行 active
css class指定选项卡的文件,像这样
<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>