EasyUI-datagrid 对于展示数据进行处理(formatter)

一：声明datagrid列，在列中添加formatter属性，并指定js方法

columns = [[
{ title: '编号', field: 'Id', width: 100, sortable: true, hidden: true },
{ title: '名称', field: 'Name', width: 200, sortable: true, formatter: formatFileName }
]]

或者：

<th data-options="field:'q',width:60,formatter:formatFileName">名称
</th>

二：编写处理数据的JS方法：

1，名称加超链接，点击名称下载文件：

参数：

value:需要处理的文本值

row：当前行所有数据

 //格式化文件名称function formatFileName(value, row) {if (row.Path != "") {return '<a target="_blank" href="' + row.Path + '">' + value + '</a>';} else {return value;}}

2，处理文件大小，单位为MB，并且显示小数点后两位

//保留小数位数var Digit = {};Digit.round = function (digit, length) {length = length ? parseInt(length) : 0;if (length <= 0) return Math.round(digit);digit = Math.round(digit * Math.pow(10, length)) / Math.pow(10, length);return digit;};//格式化文件大小function formatFileSize(value) {if (value) {return Digit.round(value / 1024 / 1024, 3) + "MB";} else {return value;}}

转载于:https://www.cnblogs.com/piupiupiu/p/3860386.html

EasyUI-datagrid 对于展示数据进行处理(formatter)相关推荐

EasyUI DataGrid DetailView（数据表格详细展示带子表格）
Mark一下EASY UI 的数据表格详细展示使用记录. 第一步:创建页面布局这一步主要是引用Easy UI的JS,除了easyui.min.js还有datagrid-detailview.js & ...
easyui datagrid 每行数据添加按钮
今天做项目的时候,想在easyui的datagrid每一列数据后边都加上一个操作按钮,一开始想在后台拼接字符串用JSON传回,但是我测试之后发现这个方法不管用,在网上搜索了一下,整理如下: 其实要加一 ...
easyui datagrid 表头与数据错位
方法一:容易,实用的方法在jquery.easyui.min.js中查找到field.replace(/[\.|\s]/g, "-")在其后添加replace 例子:field. ...
easyui datagrid 多表头数据错位_表格数据检索（二）
企业级中后台产品通常大量使用表格来展示结构化的数据,对表格数据进行检索,是一个常用功能.在日常设计工作中,我们经常不加思考便产出一个个带有表格数据检索功能的页面.然而,体验良好的表格数据检索功能,需要 ...
easyui datagrid加载数据的三种方式
1.加载本地数据 var obj = {"total":2,"rows":[{id:"1",name:"一"},{id: ...
easyUI datagrid 单元格数据的修改，保存，json 数据的转化
参考网址:http://www.jeasyuicn.com/easyui-datagrid-batch-edit-and-submit.html 参考资料:easyui demo,json.js $( ...
easyui datagrid 的数据加载
这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数 ...
EasyUI之datagrid展示数据列表
写在最前: 如果你用惯了Web Mvc框架的视图跳转方式来开发后台系统,第一次接触到EasyUI的时候,往往会有一个大大的疑问,这EasyUI是如何做跳转的啊?增删改查都不知道如何下手了!但是当你知道 ...
jQuery EasyUI DataGrid - 格式化列（formatter ）
以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色. 为了格式化一个数据网格(DataGrid)列,我们需要设置 ...

EasyUI-datagrid 对于展示数据进行处理(formatter)

EasyUI-datagrid 对于展示数据进行处理(formatter)相关推荐

最新文章

热门文章