依舊是頁面各種調試的一天........
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');
}
);
});
}