欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQuery Datatables辅助函数

程序员文章站 2022-07-12 21:10:16
...

数字辅助函数。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攻击,这是很有帮助的。

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

 

自定义辅助函数 Custom helpers. 渲染器辅助函数只是附加到$.fn.dataTable.render的函数,使它可以从一个位置轻松访问。这些函数必须返回将与 columns.renderOption 方法一起操作的函数。

//例如下面一个简单的插件,该插件将在给定数量的字符后截断文本,如果字符串比允许的字符数长,则显示省略号
$.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 )
    }
    //其他列配置
]

 

 

 

 

 

 

相关标签: 前端插件