在角度 ui-grid 中选择一行时仅获取可见列

debugcn 发表于 Dev

阿西姆·侯赛因·汗

我想在 angular-ui 网格中选择一行并将该行复制到剪贴板。

这是我的代码：

  $scope.copySelection = function() {
    $scope.retainSelection = $scope.gridApi.selection.getSelectedRows();
    alert(JSON.stringify($scope.retainSelection));
    var input = document.createElement("input");
    input.type = "text";
    document.getElementsByTagName('body')[0].appendChild(input);
    input.value = JSON.stringify($scope.retainSelection);
    input.select();
    document.execCommand("copy");
    input.hidden = true;
    $scope.gridApi.selection.clearSelectedRows();
  };

Plunker：http ://plnkr.co/edit/dcj7DUWHyA3u1bouxRhI?p=preview

但是，我只想复制可见列，但我正在获取 JSON 中的所有列。我不想要隐藏的列。我怎么做？请帮忙。

唯品会

您可以在选定列/可见列的基础上调制列。你可以有这样的代码 -

 $scope.copySelection = function() {

    $scope.retainSelection =angular.copy($scope.gridApi.selection.getSelectedRows());

    angular.forEach($scope.retainSelection,function(value,key){
       var columndef=angular.copy( $scope.gridOptions.columnDefs);
      for (var property in value) {
       if (!(value.hasOwnProperty(property) && columndef.filter(function(a){return a.name.split('.')[0]===property}).length>0 )) {
        delete value[property];
      }
    }

    });
    alert(JSON.stringify($scope.retainSelection));
    var input = document.createElement("input");
    input.type = "text";
    document.getElementsByTagName('body')[0].appendChild(input);
    input.value = JSON.stringify($scope.retainSelection);
    input.select();
    document.execCommand("copy");
    input.hidden = true;
    $scope.gridApi.selection.clearSelectedRows();
  };

在这里找到更新的Plunker

希望它能解决你的问题！

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。