首页 / BOOTSTRAP / bootstrapTable刷新表格记录

bootstrapTable刷新表格记录

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了bootstrapTable刷新表格记录，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含712字，纯文字阅读大概需要2分钟。

内容图文

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

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

 

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

原文：https://www.cnblogs.com/yanggb/p/12298266.html

内容总结

以上是互联网集市为您收集整理的bootstrapTable刷新表格记录全部内容，希望文章能够帮你解决bootstrapTable刷新表格记录所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1136197.html

来源：【匿名】