bootstrap-table前端修改数据
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap-table前端修改数据相关的知识,希望对你有一定的参考价值。
使用bootstrap-table显示数据,后台传回数据以后,可能需要对其做调整,如需要前端为数据添加单位
调整数据代码
$("#"+tableId).bootstrapTable({ dataType: "json", method: ‘get‘, contentType: "application/x-www-form-urlencoded", cache: false, url:url, sortName:sortName, //排序列名 sortOrder: sortOrder,//排位命令(desc,asc) queryParams: queryParams, columns:columns, pagination:true, sidePagination:‘server‘, pageNumber:1, pageSize:10, pageList:[10], onLoadSuccess:function(data){ //通过对data判断 if("rate" in data["rows"][0]){ var result = data["rows"]; $.each(result,function(index,content){ content["rate"] =content["rate"]+"%";ze5year"] =content["authorize5year"]+"%"; }) $("#"+tableId).bootstrapTable("load",data) } },
代码的解释
数据通过onLoadSuccess返回,此时数据已经渲染到页面中,这里将返回的数据对应的列中加上相应的单位(“%”)之后,使用
$("#"+tableId).bootstrapTable("load",data)重新加载到表格中,数据即得以改变
以上是关于bootstrap-table前端修改数据的主要内容,如果未能解决你的问题,请参考以下文章
python测试开发django-121.bootstrap-table弹出模态框修表格数据提交
python测试开发django-185.bootstrap-table 后端搜索功能实现(queryParams)