这篇文章主要总结介绍了Bootstrap table的使用方法，服务器分页、客户端分页的转换，table刷新，具有一定的参考价值，感兴趣的小伙伴们可以参考一下最近接触一个很棒的插件，Bootstrap table 没做过前端的表示对table的印象还只停留在html的table标签那一套，用过bootstrap table之后不得不说真是牛。【相关视频推荐：Bootstrap教程】构造方式1 、HTML<p class="btn-group hidden-xs"id="exampleTableEventsToolbar" >//定义一系列...
基础的定义及使用方法网上有很多不再概述，这儿主要写本人所使用项目时碰到的一些问题及解决方案注：本人使用此插件主要用来上传图片之用，插件其他上传文件没有涉及一、上传最小数量问题 通过查阅其他资料可知配置中有两个方法minFileCount:4,//表示允许同时上传的最小文件个数 maxFileCount: 10, //表示允许同时上传的最大文件个数 这两个方法都可在插件官网的api里查到，不过有个问题minFileCount在使用其自带上传方法时才会出...
基于Bootstrap的轻量级表格插件Bootstrap Table只需简单的配置，就可以拥有强大的支持固定表头、单/复选、排序、分页、搜索及自定义表头等功能，更好的提高开发效率和减少开发时间。1、插件描述：Bootstrap Table显示数据表格格式,提供了丰富的支持,单选框、复选框、排序、分页等2、特点：基于Bootstrap 3开发（同时支持 Bootstrap 2）响应式界面固定表头完全可配置支持data属性显示/隐藏列显示/隐藏表头使用AJAX获取JSON数据点击表...
本文主要来学习一下JavaScript插件--滚动监听。 1、案例 滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记。你可以试试滚动这个页面，看看左侧导航的变化。 先把实现的代码上了，你可以通过测试代码先来看看效果。Bootstrap.scrollspy-example{height: 200px;overflow: auto;position: relative;border:1px solid red;}Toggle navigationProject Name@fat@mdoDropdownonetwothree@fatAd leggings keytar, brunch id art ...
Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件。该表单通过自定义样式和jQuery来将Bootstrap的表单修改为扁平风格的表单，并带有浮动标签特效。在线预览 源码下载 使用方法使用该Material Design风格表单需要在页面中引入jquery，bootstrap相关文件和materialFormStyles.css、materialForm.js文件。HTML结构该Material Design风格表单的HTML结构是固定的，你可以复制下面的代码。...
按钮（Button）在 Bootstrap 按钮 一章中介绍过。通过按钮（Button）插件，您可以添加进一些交互，比如控制按钮状态，或者为其他组件（如工具栏）创建按钮组。 如果您想要单独引用该插件的功能，那么您需要引用 button.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、加载状态如需向按钮添加加载状态，只需要简单地向 button 元素添加 data-loading-text="Loading.....
当您想要描述一个链接的时候，工具提示（Tooltip）就显得非常有用。工具提示（Tooltip）插件是受 Jason Frame 写的 jQuery.tipsy 的启发。工具提示（Tooltip）插件做了很多改进，例如不需要依赖图像，而是改用 CSS 实现动画效果，用 data 属性存储标题信息。如果您想要单独引用该插件的功能，那么您需要引用 tooltip.js。或者，正如Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、用...
在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。 站点引用 Bootstrap 插件的方式有两种： 单独引用：使用 Bootstrap 的个别的 *.js 文件。一些插件和 C...
Bootstrap弹出框插件，提供了一个扩展的视图，弹出框（Popover）插件根据需求生成内容和标记，默认情况下是把弹出框（popover）放在它们的触发元素后面。 弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充。该方法依赖于工具提示（tooltip）。 如果您想要单独引用该插件的功能，那么您...
附加导航（Affix）插件允许某个 固定在页面的某个位置。您也可以在打开或关闭使用该插件之间进行切换。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 会锁定在某个位置，不会随着页面其他部分一起滚动。 如果您想要单独引用该插件的功能，那么您需要引用 affix.js。 一、用法 可以通过 data 属性或者通过 JavaScript 来使用附加导航（Affix）插件。 1、通过 data 属性：如需向元素添加附加导航（Af...
警告框（Alert）消息大多是用来想终端用户显示诸如警告或确认消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。 如果您想要单独引用该插件的功能，那么您需要引用 alert.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、用法 您可以有以下两种方式启用警告框的可取消（dismissal）功能： 1、通过 data 属性：通过数据 API（...
折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。 如果您想要单独引用该插件的功能，那么您需要引用 collapse.js，或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、用法 下表列出了折叠（Collapse）插件用于处理繁重的伸缩的 class：您可以通过以下两种方式使用折叠（Collapse）插件： 通过 data 属性...
自己写的一款基于bootstrap3和jquery的分页插件，初学jquery插件写法，写的很一般。拿出来献丑了。/** * 基于bootstrap3的jquery分页插件 * 调用方式分两种 * 1.直接调用法 * 普通大小 * $.mypage(id,now,max,fn); * 大尺寸 * $.mypagelg(id,now,max,fn); * 小尺寸 * $.mypagesm(id,now,max,fn); * * 参数说明：id为放置分页容器的ID，now为当前页，max为最大页，fn为回掉函数，回掉函数有一个参数为点击的页码 * * 2.选择...
1、Bootstrap 插件概览 在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。2、导入JavaScript插件 Bootstrap除了包含丰富的Web组件之外，如前面介绍的下拉...
Bootstrap 轮播插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 如果您想要单独引用该插件的功能，那么您需要引用 carousel.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、实例 下面是一个简单的幻灯片，使用 Bootstrap 轮播（Carousel）插件显示了一个循环播放元素...