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

[html] view plain copy

1. <ul id="mytab" class="nav nav-tabs">  
2.     <li class="active"><a href="#sensors" data-toggle="tab">传感器</a></li>  
3.     <li><a href="#cameras" data-toggle="tab">影像</a></li>  
4.     <li><a href="#geology" data-toggle="tab">地质</a></li>  
5.     <li><a href="#dems" data-toggle="tab">DEM</a></li>  
6.     <li><a href="#photos" data-toggle="tab">照片</a></li>  
7. </ul>  
8.   
9. <div class="tab-content">  
10.     <div class="tab-pane active" id="sensors">111</div>  
11.     <div class="tab-pane" id="cameras">2222</div>  
12.     <div class="tab-pane" id="geology">333</div>  
13.     <div class="tab-pane" id="dems">444.</div>  
14.     <div class="tab-pane" id="photos">444.</div>  
15. </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/