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;
            }

        }
posted @ 2014-07-22 13:39  Man Show  阅读(1237)  评论(0编辑  收藏  举报