Bootstrap Table使用整理（四）之工具栏

Bootstrap 前端之家
前端之家收集整理的这篇文章主要介绍了Bootstrap Table使用整理（四）之工具栏，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

相关阅读：@H_301_2@

Bootstrap Table使用整理(一)

Bootstrap Table使用整理(二)

Bootstrap Table使用整理（三）

Bootstrap Table使用整理(五)之分页组合查询

一、启用默认支持的工具栏@H_301_2@

显示搜索框 * data-show-refresh 是否像是刷新按钮,注：刷新操作会重新请求数据，并带着请求参数 * data-show-toggle 是否显示面板切换按钮 * data-show-columns 是否显示列控制按钮 */ $('#table1').bootstrapTable({ columns: [ { field: 'sno',title: '学生编号' },{ field: 'sname',title: '学生姓名' },{ field: 'ssex',title: '性别' },{ field: 'sbirthday',title: '生日' },{ field: 'class',title: '课程编号' },],url:'@Url.Action("GetStudent","DataOne")' });

二、扩展工具栏使用@H_301_2@

添加一些额外的参数，例如 toolbar 中的参数 如果 queryParamsType = 'limit',返回参数必须包含 limit,offset,search,sort,order 否则,需要包含: pageSize,pageNumber,searchText,sortName,sortOrder. 返回false将会终止请求 */ var $table1= $('#table1').bootstrapTable({ columns: [ { field: 'sno',url: '@Url.Action("GetStudent","DataOne")',queryParams: function (params) { params.name = '张三丰'; //特别说明，返回的参数的值为空，则当前参数不会发送到服务器端 params.sex = $('input[name="sex"]:checked').val(); return params; } }); //刷新方法 $('#heartBtn').click(function () { ////刷新处理，指定query 的参数，注：此地方指定的参数，仅在当次刷新时使用 //$table1.bootstrapTable('refresh',{ // query: { // name: '张三' // } //}); $table1.bootstrapTable('refresh'); });

以上所述是小编给大家介绍的Bootstrap Table使用整理（四）之工具栏。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

bootstrapbootstraptabletabletabletable使用整理工具栏工具栏

猜你在找的Bootstrap相关文章

使用BootStrapValidator来完成前端输入验证
BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证，由于本插件完全基...
顶求网首页整体设计思路
顶求网首页是一个web2.0博客类的网站首页，在该网站中用户可以发表博客，也可以推荐图书给...
自己手写简约实用的Jquery tabs插件（基于bootstrap环境）
一直想改版网站首页的图书展示部分，以前的展示是使用BootStrap的传统的collapse,网页篇幅...
BootStrap中Affix控件的使用方法及如何保持布局的美观
在视窗足够大的时候是没有任何问题的，但是当拖动改变视窗的大小后会发现布局又变乱了，这...
针对BootStrap中tabs控件的美化和完善
BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎。但是，它的样式比较单一，如何...
使用BootStrap制作用户登录UI
先看看劳动成果 布局 左右各一半（col-md-6） 左侧登录框占左侧一半的10/12 右侧是登录系统...
打造简单实用的Thinkphp分页样式(Bootstrap版本)
先吐槽一下ThinkPHP3.1版的分页样式，虽然看起来也很简单大方，但是所有的页码全是使用简单...
Bootstrap轮播（carousel）插件中图片变形的终极解决方案——使用jqthumb.js
在顶求网的首页中我使用了BootStrap的轮播（carousel）插件来展示文章中的图片。我在程序中...
移动开发中单页异步加载所有列表项
在做WEB开发的时候我们经常会遇到分页的处理，如果在PC上显示网页的话，使用传统的分页是可...
仿豆瓣分类标签的实现
为了和文章分类部分的样式进行区分，我决定自己动手写一个具有其他样式的分类标签集。刚好...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作