今天给列表做一个查询的功能,使用的是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属性并刷新数据的效果。另外也可以刷新表格的其他属性,比如分页数量等,根据需求灵活添加相应的逻辑。
"任何变化都不是突然发生的,都是自己无意间一点一点选择的。"