角度UIをエクスポートする方法 - グリッドフィルタリングとフルデータをExcelに変換

Question

角度アプリケーションでグリッドビューを作成する場合は、UI-Gridを使用しています。 UIグリッドは、フィルタリングされフルグリッドのデータをcsv形式またはpdf形式にエクスポートします。しかし、私はデータをExcelにエクスポートする必要があります。

以前のAlasqlを使ってグリッドデータをエクスポートしましたが、そこではng-repeatを使ってグリッドを生成していました。

ここでUiグリッドディレクティブはグリッドの生成を処理し、UIグリッドディレクティブによって公開される簡単なメソッドを使用してデータをエクスポートすることができます。誰かがデータをExcelにエクスポートしようとしたかどうかを知りたかっただけです。

私はUI-Gridチュートリアルで提供されているコードと同じコードを使用していますので、コードを共有していないので、Excelファイルでエクスポートする必要があります。

Answer 1

私はこのようalasql使用していたXLSXするために、データをエクスポートするには、あまりにもUIグリッドを使用してアプリで働いている：私はそれはこのようgridApiを使用して取得

$scope.exportXLS = function exportXLS() { 
    alasql.promise('SELECT * INTO XLSX("data.xlsx",{headers:true}) FROM ?',[$scope.gridOptions.data]) 
.then(function(data){ 
    console.log('Data saved as XLSX'); 
    }).catch(function(err){ 
    console.log('Error:', err); 
    }); 
}; 

だけfilterdデータをエクスポートします：

$scope.filteredData =$scope.gridApi.core.getVisibleRows($scope.gridApi.grid); 

その後、返される配列内の各オブジェクトから新しい配列 にエンティティフィールドをマップし、私はアンダースコアのlibからマップ機能を使用していることを行って。

entities = _.map($scope.filteredData, 'entity'); 

最後に、 '$ scope.gridOptions.data'を上記の関数の 'entities'に置き換えます。