rails + bootstrap 做项目使用的一些插件

一 .  jquery


二. datatable

http://datatables.net/

dynatatble (可以根据json对象的key,自动画出表头)

http://www.dynatable.com/


三. Bootstrap 中文

http://www.bootcss.com/


1.  确认框 插件 bootBox

http://bootboxjs.com/


2. 信息提示

https://github.com/HubSpot/messenger


3. nav tabs  

http://v3.bootcss.com/components/#nav


<ul id="mytab" class="nav nav-tabs">
    <li class="active"><a href="#sensors" data-toggle="tab">传感器</a></li>
    <li><a href="#cameras" data-toggle="tab">影像</a></li>
    <li><a href="#geology" data-toggle="tab">地质</a></li>
    <li><a href="#dems" data-toggle="tab">DEM</a></li>
    <li><a href="#photos" data-toggle="tab">照片</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="sensors">111</div>
    <div class="tab-pane" id="cameras">2222</div>
    <div class="tab-pane" id="geology">333</div>
    <div class="tab-pane" id="dems">444.</div>
    <div class="tab-pane" id="photos">444.</div>
</div>



4. 可查询的下拉框 select2 

http://ivaynberg.github.io/select2/index.html


5. 滑动杆控件

jquery ui slider


6. 菜单条目中显示check 按钮

bootstrap-dropdown-checkbox


7. 不利用服务器端编程,利用swf把内容保存到本地文件.(datatables 也有这个功能)

Downloadify


8. 可以折叠的侧边栏

http://www.sitepoint.com/10-jquery-sliding-sidebar-panel-plugins/


四.常用 的js组件

1. 日期和时间处理组件 

http://momentjs.com/

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...