bootstrap 获取表格修改的结果_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)重新加载到表格中，数据即得以改变

django：bootstrap table加载django返回的数据

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

Bootstrap table前端分页(ssm版)

说明bootstrap table可以前端分页,也可以后端sql用limit分页.前端分页下性能和意义都不大,故一般情况下不用这种,请看我的另一篇后端分页的博客源码下载地址:https://git.o ...

bootstrap table 前端搜索

1.bootstrap-table对于前端的搜索可以通过官网设置,但发现前端搜索出现bug,网上找到一个bootstrap-table的扩充js  bootstrap-table-mytoolbar. ...

通过form表单上传文件获取后台传来的数据

小伙伴是不是遇到过这样的问题,通过submit提交form表单的时候,不知怎么获取后台传来的返回值.有的小伙伴就会说你不会发送ajax,其实也会.假如提交的form表单中含有文件,怎么办? 步骤1:想 ...

BootStrap table动态增删改表格内数据

1:添加一个[操作]列   { title: "操作", align: 'center', valign: 'middle', width: 160, // 定义列的宽度,单位为像 ...

bootstrap table 根据单元格中的数据改变单元格的样式

在bootstrap-table.js里面列属性 formatter就是用来格式化单元格的,其默认值是undefined 类型是function,function(value,  row, index ...

bootstrap table通过ajax获取后台数据展示在table

1. 背景 bootstrap table 默认向后台发送语法的dataType为 json,但是为了解决跨域问题我们需要将dataType改为jsonp,这时就需要修改bootstrap table ...

[前端插件]Bootstrap Table服务器分页与在线编辑应用总结

先看Bootstrap Table应用效果: 表格用来显示数据库中的数据,数据通过AJAX从服务器加载,同时分页功能有服务器实现,避免客户端分页,在加载大量数据时造成的用户体验不好.还可以设置查询数据 ...

bootstrap table + spring + springmvc + mybatis 实现从前端到后端的表格分页

1.使用准备 前台需要的资源文件,主要有Bootstrap3相关css.js以及bootstrap Table相关css.js:

随机推荐

【http】四种常见的 POST 提交数据方式

来源:http://www.cnblogs.com/aaronjs/p/4165049.html HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT ...

iOS之清除缓存

//清除缓存按钮的点击事件 - (void)putBufferBtnClicked:(UIButton *)btn{ CGFloat size = [self folderSizeAtPath:NSS ...

Visual Studio 压力测试注意点

常用的三个测试:单元测试.web性能分析.压力测试:前两个好说,压力测试的时候如果配置不注意,往往不成功. 默认压力测试的测试结果存储在微软云端的,(visual studio online),国内一 ...

Tomcat创建虚拟目录和程序热部署

虚拟目录的设置 方法一:在${tomcat安装目录}/conf/Catalina/localhost目录下添加与web应用同名的xml配置文件,这里站点名称为test为例子. test.xml内容:& ...

阅读记录：Learning multiple layers of representation(杂乱笔记)

典型的浅层学习结构: 传统隐马尔可夫模型(HMM).条件随机场 (CRFs).最大熵模型(Maxent).支持向量机(SVM).核回归及仅含单隐层的多层感知器(MLP)等. 局部表示,分布式表示和稀疏 ...

Git学习笔记(一)创建版本库并添加文件

最近从廖雪峰老师的个人网站上学习git,做点笔记. ★★★★★ 先注册自己的username和email,否则会报如下错误: 注册:git config --global user.name &quo ...

HTML编码和CSS编码会遇到的问

http://codeguide.bootcss.com/#html-syntax  参考链接 属性顺序 HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性. class id, name ...

C语言解析WAV音频文件

C语言解析WAV音频文件 代码地址: Github : https://github.com/CasterWx/c-wave-master 目录 前言 了解WAV音频文件 什么是二进制文件 WAV的二 ...

PHP WeBaCoo后门学习笔记

PHP WeBaCoo后门学习笔记 - PHP WeBaCoo backdoor learning notes WeBaCoo (Web Backdoor Cookie) 是一款隐蔽的脚本类Web后门 ...