初探前端Table：boostrap-table 踩过的坑

最近在做前端的一些界面，做到table的时候发现boostrap-table(文翼大神http://bootstrap-table.wenzhixin.net.cn/ 自己拓展的table非常有用，欣然采纳），结果发现踩到了不少的坑（And finally I did it.很大原因是因为我自己实力差劲，我会努力学下去的阿），不过这个插件真的非常好用，其实我大概就实现了一个小小的功能。

加载table的数据到boostrap-table。。。尽管你会觉得我很low,but I want to share it.

Paste_Image.png

mainly conclude as the points below:

第一点：

  只有用url直接load数据的时候，才用data-toggle="table"这个属性。

Paste_Image.png

  如果是用javascript加载数据的画，记得要把data-toggle="table"去掉，不然永远load不出数据。。。这个point takes make several hours..

第二点：

  通过ajax请求下来的数据，直接解析相关的数组放到table就好了。

Paste_Image.png

但是当我要选择其他数据类型的时候，比如我的数据有（全部客户，新单客户，旧单客户）我点击按钮切换数据的时候再进行ajax请求，结果用同样的方法将数据放到table的data中，结果table完全没有任何反应。而且用boostrap-table:load这个方法也不起任何作用。

后来才发现在装载data前，调用$('#customerTable').bootstrapTable('destroy');先销毁table才可以再次装载数据到table中。。。

好了，没了，就这2个点，是不是很low？

最后在网络请求之前，加入一个loading，请求后取消loading，参考了http://www.cnblogs.com/lxblog/p/3425599.html 几乎秒懂的。
具体的代码可以参考https://github.com/WarrenJones/WorkSaving/tree/master/EBZCustomer

写得很烂，真的

还没下班，哎