使用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)重新加载到表格中,数据即得以改变

转载于:https://www.cnblogs.com/ziyoublog/p/10481442.html

bootstrap-table前端修改后台传来的数据重新进行渲染相关推荐

  1. bootstrap 获取表格修改的结果_bootstrap-table前端修改后台传来的数据重新进行渲染...

    使用bootstrap-table显示数据,后台传回数据以后,可能需要对其做调整,如需要前端为数据添加单位 调整数据代码 $("#"+tableId).bootstrapTable ...

  2. django:bootstrap table加载django返回的数据

    bootstrap table加载表格数据有两类方式: 一种通过data属性的方式配置,一种是javascipt方式配置 这里看js配置方式: 1.当数据源为.json文件时 url参数写上json文 ...

  3. 【看板】ajax动态获取后台传来json数据,加载到页面表格中

    ajax动态获取后台传来json数据,加载到页面表格中 摘要 1.WebApi 2.看板HTML 3.ajax获取后台传来的数据:在这里要注意声明提升,所以需要在for循环外var str1 = &q ...

  4. 美团点评技术年货:900+页电子书,覆盖前端、后台、大数据、算法……

    新年将至,年味渐浓. 美团点评技术年货如期而至. 从2013年12月4日发布第一篇文章,一直到今天,美团技术团队官方博客已经走过了6个春秋. 截止目前,我们共发布376篇技术文章,微信公众号(meit ...

  5. 美团点评技术年货:900+页电子书,覆盖前端、后台、大数据、算法……(附下载链接)...

    今天给大家分享美团技术团队推出的<美团点评2019技术年货合集.pdf>,我们精选美团技术博客几十篇技术干货以及数篇国际顶会论文,整理制作成一本厚达900多页的电子书,作为新年礼物赠送给大 ...

  6. [vue+elementUI+echarts]echart折线图展示后台传来的数据

    最近项目遇到了这个问题,来记录一下,方便以后复制粘贴23333 主要功能: 循环遍历渲染后台传来的一堆数据,然后点击每一条数据的More Info按钮展示对应的折线图表格数据. 引elementUi和 ...

  7. 美团技术合辑:1300+页电子书,覆盖前端、后台、大数据、算法、顶会论文……...

    美团技术团队精选过去一年公众号60多篇技术文章以及10多篇国际顶会论文,整理制作成一本厚达1300多页的电子书,赠送给大家. 这本电子书内容覆盖前端.后台.算法.数据.运维.安全等多个领域, 希望对同 ...

  8. Bootstrap Table表格插件的使用及数据导出

    文章目录 1.介绍 2.页面引用 3.简单示例 4.注意地方 5.演示图 1.介绍 Bootstrap Table介绍见官网:http://bootstrap-table.wenzhixin.net. ...

  9. APP前端和后台怎么进行数据交换的

    看你使用什么通信协议,一般现在为了网站.微信端.app.都能快速调用,基本使用http数据包传递json格式数据 短信认证可以从阿里云中获取短信验证

最新文章

  1. 关于get和post两种提交方式
  2. NC107617 poj3020 Antenna Placement
  3. python怎么打开一个窗口_python – 使按钮一次只打开一个窗口(通过关闭Toplevel窗口启用按钮)...
  4. asp.net c# lock 有关
  5. 关于读《ajax后退解决方案(一)》笔记
  6. linux中查看mysql版本的方法汇总
  7. idea 报错is already defined as class
  8. Android开发经典书籍下载——《Android 4高级编程》《疯狂Android讲义》《Android应用开发详解(郭宏志)》《Android应用案例开发大全》《Android 3D游戏开发技术》
  9. 中国知网如何下载外文文献
  10. 【AI视野·今日Robot 机器人论文速览 第二十三期】Tue, 28 Sep 2021
  11. Android app客户端性能测试工具Emmagee 浅析
  12. 使用函数判断完全平方数
  13. 【luoguP1922】女仆咖啡厅桌游吧
  14. Electron入门宝典(三)菜单快捷键
  15. VMware 虚拟化中:厚置备延迟置零、厚置备置零、Thin Provision三个的区别
  16. 钉钉群机器人关键词自动回复_企业微信群机器人怎么用?企业微信群机器人有什么功能?...
  17. TQ2440 学习笔记—— 3、如何在ubuntu 9.10 下安装vmware-tools?
  18. vuex简单入门:singer实例创建以及读写全过程
  19. 最新92kaifa开发的帝国cms7.5美nv主播视频网站源码 自适应手机端
  20. 申宝证券-放量分歧明显

热门文章

  1. 2d游戏地图编辑器_从零开始的unity(3)——2d背景的制作和使用
  2. Python中的from import和import的区别?没有比这回答的更好了
  3. java堆排序解决topk问题,利用堆排序来解决topK问题
  4. 综述 | 联邦学习-新兴的人工智能基础技术
  5. C++编程积累——C++实现十进制与十六进制之间的互相转换
  6. 《计算机应用基础》试卷,《计算机应用基础》试卷(二)
  7. 手把手教你用itchat统计好友信息,了解一下?
  8. c语言中do有什么作用,C语言中do while语句的用法是什么?_后端开发
  9. java异常处理试题答案_java试题及答案
  10. rust睡觉按键没反应_腐蚀Rust有哪些实用操作 腐蚀Rust实用操作汇总-游侠网