zoukankan      html  css  js  c++  java
  • bootstrap table刷新表格记录

    今天给列表做一个查询的功能,使用的是Bootstrap Table,通过查阅官方网站的api,发现可以使用提供的refresh方法来实现。

    Bootstrap Table提供的refresh方法,本身通过刷新列表的属性来达到刷新列表记录的效果(最终目的是刷新列表记录),而请求数据的url本身就是一个属性,正好可以用来做查询功能(根据查询条件,适配带不同参数的url)。

    function queryTableData() {
        var url = '/yanggb.json?nono=' + nono();
        if ($('#code').val()) {
            url = url + '&code=' + $('#code').val();
        }
        if ($('#name').val()) {
            url = url + '&name=' + $('#name').val();
        }
        var opt = {
            url: url
        };
        // 带参数,刷新(加载新请求数据)
        $("#table").bootstrapTable('refresh', opt);
        // 不带参数,只刷新(重新加载数据)
        // $("#table").bootstrapTable('refresh');
    }

    上面这个函数就实现了刷新表格url属性并刷新数据的效果。另外也可以刷新表格的其他属性,比如分页数量等,根据需求灵活添加相应的逻辑。

    "任何变化都不是突然发生的,都是自己无意间一点一点选择的。"

  • 相关阅读:
    循序渐进做项目系列(3):迷你QQ篇(1)——实现客户端互相聊天
    清明时节欲断魂——未知死焉知生?——向死而生!
    curl基本使用
    some tools
    redis源码学习
    设计模式
    object-c基础
    python库
    awk命令
    gcc编译
  • 原文地址:https://www.cnblogs.com/yanggb/p/12298266.html
Copyright © 2011-2022 走看看