两个bootstrap插件bootstrap-select和bootstrap-paginator
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了两个bootstrap插件bootstrap-select和bootstrap-paginator，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1558字，纯文字阅读大概需要3分钟。
内容图文
基于bootstrap的选择器 http://silviomoreto.github.io/bootstrap-select/
<
label
for
="androids"
class
="control-label"
style
="text-align: center"
>Android: </label><select name="androids" id="androids" class="selectpicker" multiple title=‘All‘><c:forEach var="android" items="${androids}"><option value="${android}">${android}</option></c:forEach></select>
使用 class="selectpicker" 设置选择器。
基于bootstrap的分页插件，支持bootstrap2和bootstrap3 https://github.com/lyonlai/bootstrap-paginator
使用示例如下：
var options = {
totalPages: ${totalPages},
currentPage: ${currentPage},
numberOfPages: 5,
bootstrapMajorVersion: 3,
itemTexts: function (type, page, current) {
switch (type) {
case "first":
return "First";
case "prev":
return "Previous";
case "next":
return "Next";
case "last":
return "Last";
case "page":
return page;
}
},
onPageClicked: function (e, originalEvent, type, page) {
var url = ‘devices-filter-‘ + page + ‘.html‘;
if ($("#devices").find("option:selected").text() == ‘All‘ &&
$("#androids").find("option:selected").text() == ‘All‘ &&
$("#boards").find("option:selected").text() == ‘All‘)
url = ‘devices-page-‘ + page + ‘.html‘;
var data = $("#device_filter").serialize();
go(url, data);
}
};
$(‘#pagination‘).bootstrapPaginator(options);
在页面中使用bootstrap的分页组件：bootstrap3使用ul，bootstrap2使用div
<
div
class
="text-center"
>
<
ul
class
="pagination"
id
="pagination"
></
ul
>
</
div
>
原文：http://www.cnblogs.com/aboutblank/p/3978643.html
内容总结
以上是互联网集市为您收集整理的两个bootstrap插件bootstrap-select和bootstrap-paginator全部内容，希望文章能够帮你解决两个bootstrap插件bootstrap-select和bootstrap-paginator所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。