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

          }

        );

      });

    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM