2015/10/20 bootstrap table操作及页面跳转

　　依旧是页面各种调试的一天........

　　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');

　　　　　　　　　　}

　　　　　　　　);

　　　　　　});

　　　　}