昨天boss发了新需求,需求页面中有一项就是做这些个按钮,点击每个按钮展示其对应的内容。
解决思路:一堆小button组成一个大button,当点击小button的时候,会触发大button绑定的事件,在大button事件中获取小button对应的id。
1、
<td class="btntd search" style="height: 30px;" align="left">
<input type="button" class="a_ht-button" id="todaydiscuss" value="今日讨论">
<input type="button" class="a_ht-button" id="onemonth" value="1个月">
<input type="button" class="a_ht-button" id="threemonth" value="3个月">
<input type="button" class="a_ht-button" id="sixmonth" value="6个月">
<input type="button" class="a_ht-button" id="oneyear" value="1年">
<input type="button" class="a_ht-button" id="twoyear" value="2年">
<input type="button" class="a_ht-button" id="threeyear" value="3年">
</td>
2、
$(".a_ht-button").click(function(){
var date = $(this).attr('id');//获取小button的id。
alert(date);//弹出id值看是否正确。把获取的id值通过url传到servlet
});
3、servlet获取date的值并把值向下传递给service。
4、在service中判断传过来的date值属于哪个小button的id值,然后执行相应的程序。
if (!Util.isNullOrEmpty(date)) {
if("onemonth".equals(date)){
calendar.add(calendar.MONTH, -1); //设置为前1月
}
if("threemonth".equals(date)){
calendar.add(calendar.MONTH, -3); //设置为前3月
}
if("sixmonth".equals(date)){
calendar.add(calendar.MONTH, -6); //设置为前6月
}
if("oneyear".equals(date)){
calendar.add(calendar.MONTH, -12); //设置为前12月
}
if("twoyear".equals(date)){
calendar.add(calendar.MONTH, -24); //设置为前24月
}
if("threeyear".equals(date)){
calendar.add(calendar.MONTH, -36); //设置为前36月
}
String beforeTime = formatter.format(calendar.getTime());
inMDTBgTime = beforeTime;
inMDTEndTime = dateString;
}
5、通过dao.search(inMDTBgTime,inMDTEndTime )方法把值传给DAO层,从数据库中取自己想要的数据