這篇文章主要為大家展示了“bootstrap中table操作技巧的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“bootstrap中table操作技巧的示例分析”這篇文章吧。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營(yíng)銷、網(wǎng)站重做改版、來(lái)鳳網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、商城網(wǎng)站制作、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為來(lái)鳳等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

源碼

html代碼：

 
 
  id
  名稱
  ip
  國(guó)家
  省
  市
  提供商
 
 

js代碼：

//生成后臺(tái)數(shù)據(jù)請(qǐng)求參數(shù)。后臺(tái)可以用request.getParameter獲取
var bh_agt_queryParams=function(params){
 var tmp = bt_bhagent_paras//外面生成的json格式參數(shù)
 bt_bhagent_paras={}
 return tmp
}
var bh_agt_bootstrapresp=function(data){
 bt_bhagent_list = data;
 //這里是動(dòng)態(tài)加載數(shù)據(jù)后的入口函數(shù)。
 //在這里可以對(duì)data進(jìn)行二次加工生成retdata。
 //在這里也可以出發(fā)其它的關(guān)聯(lián)動(dòng)作，比如說(shuō)畫echart圖。
 return retdata
}
//對(duì)單行數(shù)據(jù)進(jìn)行格式化,可以返回各種css
var table_rowFormatter = function(row, index){
 if (row.succ == "SUCCESS"){
  return { classes: 'success' };
 }else if (row.succ == "NOTING"){
 return { classes: 'warning' };
 }
 return { classes: 'danger' };
}
//加載Table數(shù)據(jù)
var bh_table_update = function(refresh,filter){
 if (refresh){
 $('#'+ filter.eTable).bootstrapTable('refresh',{ 
  url: filter.tableUrl
 });
 }else{
 $('#'+ filter.eTable).bootstrapTable({ 
  url: filter.tableUrl
 });
 }
}

知識(shí)點(diǎn)說(shuō)明

• bootstrapTable(‘refresh',{ url: filter.tableUrl}); 的方式在第一次加載數(shù)據(jù)時(shí)會(huì)失敗。第一次加載數(shù)據(jù)不能帶refresh動(dòng)作。

• 在非第一次加載數(shù)據(jù)時(shí)，必須執(zhí)行refresh動(dòng)作，否則數(shù)據(jù)不會(huì)更新到表中。

• 如果向直接加載已有數(shù)據(jù)，則需要使用load動(dòng)作。如：bootstrapTable(“l(fā)oad”,data);

以上是“bootstrap中table操作技巧的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！