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