Javascript jQuery数据表导出按钮动态文件名和标题
我使用jquerydatatable和Export按钮 我更改文件名和标题 我的问题是,我希望标题是动态的,基于过滤器和自定义过滤器 我的问题是,仅在第一次加载时配置的文件名Javascript jQuery数据表导出按钮动态文件名和标题,javascript,jquery,angularjs,datatables,Javascript,Jquery,Angularjs,Datatables,我使用jquerydatatable和Export按钮 我更改文件名和标题 我的问题是,我希望标题是动态的,基于过滤器和自定义过滤器 我的问题是,仅在第一次加载时配置的文件名 .withButtons([ { extend: "excelHtml5", filename :$scope.getFileName(false),
.withButtons([
{
extend: "excelHtml5",
filename :$scope.getFileName(false),
title:$scope.getFileName(true),
exportOptions: {
columns: ':visible'
},
//CharSet: "utf8",
exportData: { decodeEntities: true}
},
当然,
$scope.getFileName()
只被调用一次,或者是您有意调用它的次数。另一种方法:将该功能与$watch
一起使用:
.withButtons([{
extend: "excelHtml5",
//filename: $scope.getFileName(false),
//title: $scope.getFileName(true),
exportOptions: {
columns: ':visible'
},
//CharSet: "utf8",
exportData: {
decodeEntities: true
},
init: function(dt, node, config) {
$scope.watch('fileName', function()
//config.filename is in fact config.title + config.extension
config.title = $scope.fileName.title;
config.extension = $scope.fileName.extension;
})
}
}])
您并没有解释为什么需要使用$scope.getFileName()
,尽管您使用的是angular,这样的东西很容易自动化。有了上述功能,您现在可以随时更新$scope
上的文件名
结构,导出文件名也会相应更改
$scope.fileName = {
extension: '.xls',
title: 'my-table-export'
}
init:function(dt,node,config){$scope.$watch(function(){return$scope.fileName.title},function(params){config.title=$scope.fileName.title;});}@ 24Salon -不是NeXeCARE带有返回处理程序,考虑<代码> $Cabor <代码>作为“愚蠢”事件处理程序在您的代码>内()/代码>。如果我写“$范围。观察(文件名),就像您的代码,我得到了一个错误,像$范围没有手表功能,为什么这个问题突然被否决了?有什么特别的原因吗?我所有的问题都被否决了:可能是因为英语错误。