Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery数据表导出按钮动态文件名和标题_Javascript_Jquery_Angularjs_Datatables - Fatal编程技术网

Javascript jQuery数据表导出按钮动态文件名和标题

Javascript jQuery数据表导出按钮动态文件名和标题,javascript,jquery,angularjs,datatables,Javascript,Jquery,Angularjs,Datatables,我使用jquerydatatable和Export按钮 我更改文件名和标题 我的问题是,我希望标题是动态的,基于过滤器和自定义过滤器 我的问题是,仅在第一次加载时配置的文件名 .withButtons([ { extend: "excelHtml5", filename :$scope.getFileName(false),

我使用jquerydatatable和Export按钮

我更改文件名和标题

我的问题是,我希望标题是动态的,基于过滤器和自定义过滤器

我的问题是,仅在第一次加载时配置的文件名

           .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 <代码>作为“愚蠢”事件处理程序在您的代码>内()/代码>。如果我写“$范围。观察(文件名),就像您的代码,我得到了一个错误,像$范围没有手表功能,为什么这个问题突然被否决了?有什么特别的原因吗?我所有的问题都被否决了:可能是因为英语错误。