bootstrap table 服务端搜索/分页/异步刷新

最近项目中用到了很多的Table,在jsp中构建的话太过繁琐,不宜与后续dom的操作。所以特意研究了一下Bootstrap Table这个插件!!

Java Json包 https://github.com/FasterXML/jackson

插件地址:Bootstrap Table

使用该插件需要Jquery与Bootstrap支持

Html部分

JS部分

表单验证(这里是应用项目中的)

服务端实现

  1. Alax 2017.05.25 9:37am

    上面bootstrap table的自定义查询那个绑定里面,$("#eventquery").click(function() {
    $(‘#eventTable’).bootstrapTable((‘refresh’)); // 很重要的一步,刷新url!
    // console.log("/program/area/findbyItem?offset="+0+"&"+$("#areaform").serialize())
    $(‘#eventqueryform input[name=\’eventName\’]’).val(”)
    $(‘#eventqueryform input[name=\’status\’]’).val(”)
    $(‘#eventqueryform input[name=\’location\’]’).val(”)
    $(‘#eventqueryform input[name=\’startdate\’]’).val(”)
    $(‘#eventqueryform input[name=\’enddate\’]’).val(”)
    });
    这样子的查询结果集如果很大的话会导致查询结果无法分页吧

    • Jalena 2017.05.25 10:08am

      这个是通过参数去请求一个json数据回来,分页不是这里控制的

      • Alax 2017.05.25 10:34am

        哦哦,我知道,因为看到你那里全部把input都置空了,每回点下一页的时候会失效。
        对了,博主知道这个bootstrapTable如何将ajax返回的json数据单独拿出来操作吗?
        比如我json数据里面返回了一个flag标志,flag如果为success表示成功,才能将后续查询结果给bootstrapTable,如果返回的是error,就让Table显示无相关查询结果。就是当返回error的时候怎样去单独地对json数据中的这个flag值进行处理,看了api没啥头绪

        • Jalena 2017.05.26 10:57am

          那你就用$.ajax去请求你的json回来,然后在回调里面把你要操作的json对象传进去呗

HTML tag cannot be used in this comment.