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

 

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