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 '' + value + '';
            } 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