Javascript 如何避免为dataTables中的每个按钮使用自定义脚本?
我编写了一些Javascript 如何避免为dataTables中的每个按钮使用自定义脚本?,javascript,jquery,datatables,Javascript,Jquery,Datatables,我编写了一些customize脚本,当我在 每个customize脚本只适用于每个按钮,因此如果我想让其他按钮执行与按钮print相同的操作,我需要复制customize。那么,如何避免这种情况呢?我不想复制它,因为它不太容易维护。提取自定义函数并将其传递给属性: var buttons=[ { 'extend' : 'copyHtml5'}, { 'extend' : 'excel', 'title'
customize
脚本,当我在
每个
customize
脚本只适用于每个按钮,因此如果我想让其他按钮执行与按钮print
相同的操作,我需要复制customize
。那么,如何避免这种情况呢?我不想复制它,因为它不太容易维护。提取自定义
函数并将其传递给属性:
var buttons=[
{ 'extend' : 'copyHtml5'},
{
'extend' : 'excel',
'title' : "report" },
{
'extend' : 'pdf',
'title' : "report"},
{
'extend' : 'print',
'text' : 'Print Selected',
'orientation' : 'landscape',
'title' : '',
'autoPrint' : false,
'customize' : customize
}
]
var customize = function (win){
//TABLE STYLE
$(win.document.body).addClass('white-bg');
$(win.document.body).css('font-size', '10px');
$(win.document.body).find('table').css('font-size', 'inherit');
$(win.document.body).find('table tr').css('border','1px solid black');
}
var buttons=[
{ 'extend' : 'copyHtml5'},
{
'extend' : 'excel',
'title' : "report" },
{
'extend' : 'pdf',
'title' : "report"},
{
'extend' : 'print',
'text' : 'Print Selected',
'orientation' : 'landscape',
'title' : '',
'autoPrint' : false,
'customize' : customize
}
]
var customize = function (win){
//TABLE STYLE
$(win.document.body).addClass('white-bg');
$(win.document.body).css('font-size', '10px');
$(win.document.body).find('table').css('font-size', 'inherit');
$(win.document.body).find('table tr').css('border','1px solid black');
}