最近在做前端的一些界面，做到table的時候發(fā)現(xiàn)boostrap-table(文翼大神http://bootstrap-table.wenzhixin.net.cn/ 自己拓展的table非常有用，欣然采納），結果發(fā)現(xiàn)踩到了不少的坑（And finally I did it.很大原因是因為我自己實力差勁，我會努力學下去的阿），不過這個插件真的非常好用，其實我大概就實現(xiàn)了一個小小的功能。

加載table的數(shù)據(jù)到boostrap-table。。。盡管你會覺得我很low,but I want to share it.

Paste_Image.png

mainly conclude as the points below:

第一點：

  只有用url直接load數(shù)據(jù)的時候，才用data-toggle="table"這個屬性。

Paste_Image.png

  如果是用javascript加載數(shù)據(jù)的畫，記得要把data-toggle="table"去掉，不然永遠load不出數(shù)據(jù)。。。這個point takes make several hours..

第二點：

  通過ajax請求下來的數(shù)據(jù)，直接解析相關的數(shù)組放到table就好了。

Paste_Image.png

但是當我要選擇其他數(shù)據(jù)類型的時候，比如我的數(shù)據(jù)有（全部客戶，新單客戶，舊單客戶）我點擊按鈕切換數(shù)據(jù)的時候再進行ajax請求，結果用同樣的方法將數(shù)據(jù)放到table的data中，結果table完全沒有任何反應。而且用boostrap-table:load這個方法也不起任何作用。

后來才發(fā)現(xiàn)在裝載data前，調用$('#customerTable').bootstrapTable('destroy');先銷毀table才可以再次裝載數(shù)據(jù)到table中。。。

好了，沒了，就這2個點，是不是很low？

最后在網絡請求之前，加入一個loading，請求后取消loading，參考了http://www.cnblogs.com/lxblog/p/3425599.html 幾乎秒懂的。
具體的代碼可以參考https://github.com/WarrenJones/WorkSaving/tree/master/EBZCustomer

寫得很爛，真的

還沒下班，哎