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)重新加载到表格中,数据即得以改变
转载于:https://www.cnblogs.com/ziyoublog/p/10481442.html
bootstrap-table前端修改后台传来的数据重新进行渲染相关推荐
- bootstrap 获取表格修改的结果_bootstrap-table前端修改后台传来的数据重新进行渲染...
使用bootstrap-table显示数据,后台传回数据以后,可能需要对其做调整,如需要前端为数据添加单位 调整数据代码 $("#"+tableId).bootstrapTable ...
- django:bootstrap table加载django返回的数据
bootstrap table加载表格数据有两类方式: 一种通过data属性的方式配置,一种是javascipt方式配置 这里看js配置方式: 1.当数据源为.json文件时 url参数写上json文 ...
- 【看板】ajax动态获取后台传来json数据,加载到页面表格中
ajax动态获取后台传来json数据,加载到页面表格中 摘要 1.WebApi 2.看板HTML 3.ajax获取后台传来的数据:在这里要注意声明提升,所以需要在for循环外var str1 = &q ...
- 美团点评技术年货:900+页电子书,覆盖前端、后台、大数据、算法……
新年将至,年味渐浓. 美团点评技术年货如期而至. 从2013年12月4日发布第一篇文章,一直到今天,美团技术团队官方博客已经走过了6个春秋. 截止目前,我们共发布376篇技术文章,微信公众号(meit ...
- 美团点评技术年货:900+页电子书,覆盖前端、后台、大数据、算法……(附下载链接)...
今天给大家分享美团技术团队推出的<美团点评2019技术年货合集.pdf>,我们精选美团技术博客几十篇技术干货以及数篇国际顶会论文,整理制作成一本厚达900多页的电子书,作为新年礼物赠送给大 ...
- [vue+elementUI+echarts]echart折线图展示后台传来的数据
最近项目遇到了这个问题,来记录一下,方便以后复制粘贴23333 主要功能: 循环遍历渲染后台传来的一堆数据,然后点击每一条数据的More Info按钮展示对应的折线图表格数据. 引elementUi和 ...
- 美团技术合辑:1300+页电子书,覆盖前端、后台、大数据、算法、顶会论文……...
美团技术团队精选过去一年公众号60多篇技术文章以及10多篇国际顶会论文,整理制作成一本厚达1300多页的电子书,赠送给大家. 这本电子书内容覆盖前端.后台.算法.数据.运维.安全等多个领域, 希望对同 ...
- Bootstrap Table表格插件的使用及数据导出
文章目录 1.介绍 2.页面引用 3.简单示例 4.注意地方 5.演示图 1.介绍 Bootstrap Table介绍见官网:http://bootstrap-table.wenzhixin.net. ...
- APP前端和后台怎么进行数据交换的
看你使用什么通信协议,一般现在为了网站.微信端.app.都能快速调用,基本使用http数据包传递json格式数据 短信认证可以从阿里云中获取短信验证
最新文章
- 关于get和post两种提交方式
- NC107617 poj3020 Antenna Placement
- python怎么打开一个窗口_python – 使按钮一次只打开一个窗口(通过关闭Toplevel窗口启用按钮)...
- asp.net c# lock 有关
- 关于读《ajax后退解决方案(一)》笔记
- linux中查看mysql版本的方法汇总
- idea 报错is already defined as class
- Android开发经典书籍下载——《Android 4高级编程》《疯狂Android讲义》《Android应用开发详解(郭宏志)》《Android应用案例开发大全》《Android 3D游戏开发技术》
- 中国知网如何下载外文文献
- 【AI视野·今日Robot 机器人论文速览 第二十三期】Tue, 28 Sep 2021
- Android app客户端性能测试工具Emmagee 浅析
- 使用函数判断完全平方数
- 【luoguP1922】女仆咖啡厅桌游吧
- Electron入门宝典(三)菜单快捷键
- VMware 虚拟化中:厚置备延迟置零、厚置备置零、Thin Provision三个的区别
- 钉钉群机器人关键词自动回复_企业微信群机器人怎么用?企业微信群机器人有什么功能?...
- TQ2440 学习笔记—— 3、如何在ubuntu 9.10 下安装vmware-tools?
- vuex简单入门:singer实例创建以及读写全过程
- 最新92kaifa开发的帝国cms7.5美nv主播视频网站源码 自适应手机端
- 申宝证券-放量分歧明显
热门文章
- 2d游戏地图编辑器_从零开始的unity(3)——2d背景的制作和使用
- Python中的from import和import的区别?没有比这回答的更好了
- java堆排序解决topk问题,利用堆排序来解决topK问题
- 综述 | 联邦学习-新兴的人工智能基础技术
- C++编程积累——C++实现十进制与十六进制之间的互相转换
- 《计算机应用基础》试卷,《计算机应用基础》试卷(二)
- 手把手教你用itchat统计好友信息,了解一下?
- c语言中do有什么作用,C语言中do while语句的用法是什么?_后端开发
- java异常处理试题答案_java试题及答案
- rust睡觉按键没反应_腐蚀Rust有哪些实用操作 腐蚀Rust实用操作汇总-游侠网