Get only visible columns when selecting a row in angular ui-grid

Question

I want to select a row in angular-ui grid and copy the row to clip board.

This is my code:

  $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

However, I just want to copy the visible columns, but I am getting all the columns which are in the JSON. I dont want the hidden columns. How do I do that? Please help.

can u add a fiddle?

Muhammed Neswine
– Muhammed Neswine

2017-04-04 13:09:05 +00:00
Commented Apr 4, 2017 at 13:09 — Muhammed Neswine
– Muhammed Neswine, Commented Apr 4, 2017 at 13:09
@MuhammedNeswine I have edited my question

Aasim Hussain Khan
– Aasim Hussain Khan

2017-04-04 13:20:37 +00:00
Commented Apr 4, 2017 at 13:20 — Aasim Hussain Khan
– Aasim Hussain Khan, Commented Apr 4, 2017 at 13:20

Viplock · Accepted Answer · 2017-04-05 04:26:06Z

2

You can modulate the columns on the bases of selected columns/ visible columns. you can have a code like this -

 $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();
  };

Find Updated Plunker Here

Hope it will solve your problem!

edited Apr 5, 2017 at 4:26

answered Apr 4, 2017 at 14:27

Viplock

3,3291 gold badge26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aasim Hussain Khan Over a year ago

Thanks Bro, was looking for the same :)

Collectives™ on Stack Overflow

Get only visible columns when selecting a row in angular ui-grid

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related