这篇文章主要为大家分享了bootstrap table操作技巧，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了bootstrap table操作的相关技巧，供大家参考，具体内容如下
源码
html代码：
| id | 名称 | ip | 国家 | 省 | 市 | 提供商 |
|---|
js代码：
//生成后台数据请求参数。后台可以用request.getParameter获取 var bh_agt_queryParams=function(params){ var tmp = bt_bhagent_paras//外面生成的json格式参数 bt_bhagent_paras={} return tmp } var bh_agt_bootstrapresp=function(data){ bt_bhagent_list = data; //这里是动态加载数据后的入口函数。 //在这里可以对data进行二次加工生成retdata。 //在这里也可以出发其它的关联动作，比如说画echart图。 return retdata } //对单行数据进行格式化,可以返回各种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数据 var bh_table_update = function(refresh,filter){ if (refresh){ $('#'+ filter.eTable).bootstrapTable('refresh',{ url: filter.tableUrl }); }else{ $('#'+ filter.eTable).bootstrapTable({ url: filter.tableUrl }); } } 知识点说明
- bootstrapTable(‘refresh',{ url: filter.tableUrl}); 的方式在第一次加载数据时会失败。第一次加载数据不能带refresh动作。
- 在非第一次加载数据时，必须执行refresh动作，否则数据不会更新到表中。
- 如果向直接加载已有数据，则需要使用load动作。如：bootstrapTable(“load”,data);
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持html中文网。
以上就是bootstrap table操作技巧分享的详细内容，更多请关注0133技术站其它相关文章！
