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屬性並刷新數據的效果。另外也可以刷新表格的其他屬性，比如分頁數量等，根據需求靈活添加相應的邏輯。

 

"任何變化都不是突然發生的，都是自己無意間一點一點選擇的。"