依旧是页面各种调试的一天........
1、关于页面跳转,一开始想通过简单的html跳转方式方式完成任务的,如window.location.href=
'hello.html';敲进去才知道原来结合业务的具体需求就没这么简单了,我给的URL地址是页面jsp路径,然后就404对抗了大半个小时,期间都围绕着路径不对(相对、绝对路径等)展开,结果是配置文件web.xml里面设置了不能直接跳jsp,对,就是里面的<servlet-mapping>设置了只能通过*.do/*.op来访问,看来真是too young too sample呀。其实关于页面跳转,如果使用表单数据的提交来跳转页面是比较简单的。
2、昨天说到使用bootstrap table来显示数据列表还是比较好操作的,无论是多表头还是分页显示;不过今天要对列表中的选项做触发跳转页面和删除之类的,就比较好玩了,其中的效果图截不了(不在本机操作)就不贴出来了,下面记一下关键的代码部分:
1)、bootstrap table中的选项点击触发带参跳转页面:
...
formatter:function(value, row, index){
var temp = '<a href="queryById.do?id = '+row.id +'">' + "修改" + '</a>';
return temp;
}
.......
2)、bootstrap table中的选项点击请求后台删除选项:
...
formatter:function(value, row, index){
var del = '<a onclick = "delOrNot(’ +row.id +')"+"删除" +‘</a>';
return del;
}
.......
function delOrNot(data){
var agreetPath = 'del.do';
var delId = data;
bootstrapQ.comfirm({
'title':'提示',
’msg‘:'你确定删除吗?',
},function(){
$.post(
agreetPath,
{'id':delId},
function(data){
alert("删除成功");
$("#table").bootstrapTable('refresh');
}
);
});
}