Bootstraptable中toolbar新增条件查询及refresh参数使用方法的示例分析

这篇文章将为大家详细讲解有关Bootstrap table中toolbar新增条件查询及refresh参数使用方法的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

站在用户的角度思考问题，与客户深入沟通，找到下冶网站设计与下冶网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、网络空间、企业邮箱。业务覆盖下冶地区。

我们想要在bootstrap-table中自定义查询条件如何实现呢？这些自定义的按钮、输入框是定义在哪个位置呢？还记得上一节中我们在配置中有这样一个属性：

  //工具按钮用哪个容器
  toolbar: '#toolbar',

我们定义的查询条件就是放入到这个div中的，先看一下我们期望的效果：

Bootstrap table中toolbar新增条件查询及refresh参数使用方法的示例分析

要实现这样的效果，我们首先要新增查询表单：

请选择产品线...

//请求服务器数据 queryParams: function queryParams(params){ var param = { pageNumber: params.pageNumber, pageSize: params.pageSize, sortName: params.sortName, sortOrder: params.sortOrder, searchText: $("#searchText").val(), msgType: $("#msgType").val(), productLine: $("#productLine").val() }; return param; }

重庆分公司，新征程启航

Bootstraptable中toolbar新增条件查询及refresh参数使用方法的示例分析

其他资讯