JQuery Datatables辅助函数

JQuery Datatables辅助函数

数字辅助函数。`number`辅助函数提供了轻松格式化数字的功能。处理数字时，您可能经常希望添加格式，前缀和后缀字符（比如货币标示符），使用千位分隔符并制定数字的精度。使用`number`辅助函数可以做到这些。

数字辅助函数包含五个可选参数
1、千分位分隔符。(必须)
2、小数点分隔符。(必须)
3、浮点精度数。0代表整数，1代表一位小数，以此类推。(可选)
4、前缀字符串。(可选)
5、后缀字符串。(可选)


//举个例子，以￥19.99的格式显示price数据，我们将使用：
columns:[
    {
        data: 'price',
        render: $.fn.dataTable.render.number( ',', '.', 2, '￥' )
    }
    //其他列配置
]

 

 文本辅助函数 Text helper。`text`辅助函数将通过转义HTML实体来确保不会执行源数据中任何潜在危险的HTML。如果正在加载的数据可能来自潜在的不受信任的数据源，并且可以帮助缓解[XSS攻击](https://www.owasp.org/index.php/Cross-site_Scripting_%28XSS%29)，这是很有帮助的。

//text辅助函数不接受任何参数，使用非常简单：
columns:[
    {
        data: 'product',
        render: $.fn.dataTable.render.text()
    }
    //其他列配置
]

 

自定义辅助函数 Custom helpers. 渲染器辅助函数只是附加到`$.fn.dataTable.render`的函数，使它可以从一个位置轻松访问。这些函数必须返回将与 [`columns.renderOption` ](http://datatables.club/reference/option/columns.render)方法一起操作的函数。

//例如下面一个简单的插件，该插件将在给定数量的字符后截断文本，如果字符串比允许的字符数长，则显示省略号
$.fn.dataTable.render.ellipsis = function ( cutoff ) {
    return function ( data, type, row ) {
        if ( type === 'display' ) {
            var str = data.toString(); // cast numbers

            return str.length < cutoff ?
                str :
                str.substr(0, cutoff-1) +'&#8230;';
        }

        // Search, order and type can use the original data
        return data;
    };
};


//然后，我们可以在Datatables列定义中使用它：
columns:[
    {
        data: 'description',
        render: $.fn.dataTable.render.ellipsis( 10 )
    }
    //其他列配置
]