随笔分类 - Bootstrap
摘要：本文就bootstrapTable refresh 方法如何传递参数做简单举例说明。 下面代码中，一个table，一个button，单击button会触发刷新表格操作。 refresh发出的请求url为 “http://local/api/data/?format=json&type=1&level
阅读全文
摘要：有些菜单是需要向上弹出的，比如说你的菜单在页面最底部，而这个菜单正好有一个下拉菜单，为了让用户有更好的体验，不得不让下拉菜单向上弹出。在Bootstrap框架中专门为这种效果提代了一个类名“dropup”。使用方法正如前面所示，只需要在“btn-group”上添加这个类名（当然，如果是普通向上弹出下
阅读全文
摘要：Nestable是基于Bootstrap的一个可拖拽的树结构表现插件。 下面粗略的介绍一下它的用法，只作为学习参考，如有不合适之处，请各位凑合看。 下图是我在现在系统中用到的Nestable，对系统模块排序。 1.首先是需要引入的文件 bootstrap.min.css Bootstrap的CSS文
阅读全文
摘要：像这段代码，可以实现点击Confirm弹出一个新的SweetAlert框，原来的框会自动关闭，但是当我把function中的代码改成alert('hello')之后，没有调用swal方法，那么虽然alert可以正常执行，但是原来的框就不能自动关闭了。所以想请问下有没有什么方法可以在回调函数中使用自定
阅读全文
摘要：swal({ title: "确认删除?", text: "Your will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#D
阅读全文
摘要：这篇文章主要为大家详细介绍了Bootstrap modal使用及点击外部不消失的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 本文实例为大家分享了Bootstrap modal使用及点击外部不消失的解决方法，供大家参考，具体内容如下 1.代码： ? 1 2 3 4 5 6 7 8 <i
阅读全文
摘要：Bootstrap 提供了下列类型的表单布局： 垂直表单（默认） -> 这个不好看，都是手机版了，PC版占一排不好看； 内联表单 -> 我相信这个才是你想要的，PC版响应横排，手机版响应竖排。 水平表单 -> 用栅格系统控制显示 一、垂直表单 垂直表单使用的标准步骤 1 2 3 4 5 6 7 8
阅读全文
摘要：一、使用Bootstrap要引用的文件 要使用Bootstrap，基本架构要引用如下文件： 最简单的页面示例代码如下： 显示效果如下： 二、使用前要点 1、DOCTYPE Bootstrap使用了HTML5元素，所以HTML头部要加上 2、viewport Width=device-width =>
阅读全文
摘要：(1)修改宽度可以通过修改modal中的modal-dialog这个div宽度实现 [html] view plain copy <div class="modal-dialog" style="width:600px"> (2) 修改高度和宽度最好的办法是修改modal-body中添加的控件，设置
阅读全文
摘要：在项目中，页面初始化的时候，通过通过向后台请求数据，页面初始化完之后，datatable是有数据的，当我点击页面的搜索按钮（按照时间过滤数据），datatable的数据要能重新刷新或者重载；这一点，我的实现是直接从数据库中查询，目前的数据量比较小，还没必要用到缓存，此时，由于初做web，遇到了好多问
阅读全文
摘要：jstree中json data 的生成 jstree官网上给出的json数据格式是这样的： [html] view plain copy <span style="font-size:14px;">// Alternative format of the node (id & parent are
阅读全文
摘要：插件官方地址：http://bootboxjs.com/ alert： 1 bootbox.alert("Hello world!", function() {}); dialog： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2
阅读全文
摘要：$(document).ready(function() { $('#example').dataTable({ $(document).ready(function() { $('#example').dataTable({ "sScrollX": "100%", //表格的宽度 "sScroll
阅读全文
摘要：距离上一篇有点时间了，周末做了伴郎参加了一个土豪同学的婚礼。 上一篇是介绍一下基本的用法，基本的原理是取出所有的数据，然后调用$.datatables(option)方法格式化，这种方法显然不太科学，所以ajax方式是必须的。 首先上个效果图。 js和css引用方面依旧没有变化，详见上篇。 Html
阅读全文
摘要：今天介绍汇总一下datatables。 网址： www.datatables.net 公司CMS内容资讯站的后台管理界面用了大量的table来管理数据，试用了之后，感觉挺不错，推荐一下。 先上一个基本的效果图. （图片太宽了，换了另一个模板） 介绍一下这个demo的实现。 首先是引用 js+css。
阅读全文
摘要：前言：在介绍select组件的时候，博主之前分享过一篇JS组件系列——两种bootstrap multiselect组件大比拼，这两个组件的功能确实很强大，只可惜没有图文结合的效果（也就是将图片放入到select里面随着文字一起显示）。前两天做一个菜单图标选择的功能，就要用到这个图文选择的功能。于是
阅读全文
摘要：找到日期输入框，并将 .class 属性的 z-index 改大 在JSP页添加样式： 这样就OK了：
阅读全文
摘要：http://blog.csdn.net/duruiqi_fx/article/details/53285607 注意：HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 html5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。 新特
阅读全文
摘要：扩展BootstrapTable的treegrid功能 阅读目录 一、效果预览 二、代码示例 三、组件需要完善的地方 四、总结 阅读目录 一、效果预览 二、代码示例 三、组件需要完善的地方 四、总结 正文 前言：上篇 JS组件系列——自己动手封装bootstrap-treegrid组件 博主自己动手
阅读全文
摘要：此款进度条实现的功能： 1.利用了bootstrap的进度条组件。 a.在最外层的<div>中加入class .progress，在里层<div>加入class .progress-bar从而实现基本的进度条。 b.在外层<div>中加入class .progress－striped实现条纹进度条。
阅读全文
浙公网安备 33010602011771号