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属性并刷新数据的效果。另外也可以刷新表格的其他属性，比如分页数量等，根据需求灵活添加相应的逻辑。

 

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