UI网格导出到CSV并过滤后的结果？

Question

我正在使用 ui-grid，我想将过滤后的所有记录导出到 csv，有人可以帮忙吗？ 例如过滤电子邮件后是 gmail.com 我有 3 页记录，如何将 3 页中的所有记录导出到 csv？

Answer 1

如果您已将过滤器应用于 columnDefs，那么您只需编写一个回调方法，该方法将在导出数据时执行相同的过滤器。

以下是我提出的解决方案。此方法适用于具有多个参数的多个过滤器。

列定义：

var rptColumnDefs = [ {
        field: 'field1',
        cellFilter: "filter1:'param1' | filter2 | filter3 : 4 | filter4 : 4 : 'param2'",
        displayName: "Field 1"  
    }, field: 'field2',
        cellFilter: "filter1:'param1' | filter2 | filter3 : 4 | filter4 : 4 : 'param2'",
        displayName: "Field 2"  
    }]

导出器回调函数：

$scope.reportGridOptions = {
    enableFiltering: true,
    enableHorizontalScrollbar: uiGridConstants.scrollbars.NEVER,
    enableVerticalScrollbar: uiGridConstants.scrollbars.WHEN_NEEDED,
    exporterCsvFilename: '',
    columnDefs: rptColumnDefs,    
    exporterFieldCallback: function (grid, row, col, input) {
            if (col.cellFilter) { // check if any filter is applied on the column
                var filters = col.cellFilter.split('|'); // get all the filters applied
                angular.forEach(filters, function (filter) {
                    var filterName = filter.split(':')[0]; // fetch filter name
                    var filterParams = filter.split(':').splice(1); //fetch all the filter parameters
                    filterParams.unshift(input); // insert the input element to the filter parameters list
                    var filterFn = $filter(filterName); // filter function
                    // call the filter, with multiple filter parameters. 
                    //'Apply' will call the function and pass the array elements as individual parameters to that function.
                    input = filterFn.apply(this, filterParams); 
                })
                return input;
            }
            else
                return input;
        }
}

这个通用函数将帮助导出在 UI Grid 中显示的数据（在应用过滤器之后）。

Answer 2

public class CSVExporter
{
    public static void WriteToCSV(List<Person> personList)
    {
        string attachment = "attachment; filename=PersonList.csv";
        HttpContext.Current.Response.Clear();
        HttpContext.Current.Response.ClearHeaders();
        HttpContext.Current.Response.ClearContent();
        HttpContext.Current.Response.AddHeader("content-disposition", attachment);
        HttpContext.Current.Response.ContentType = "text/csv";
        HttpContext.Current.Response.AddHeader("Pragma", "public");
        WriteColumnName();
        foreach (Person person in personList)
        {
            WriteUserInfo(person);
        }
        HttpContext.Current.Response.End();
    }

    private static void WriteUserInfo(Person person)
    {
        StringBuilder stringBuilder = new StringBuilder();
        AddComma(person.Name, stringBuilder);
        AddComma(person.Family, stringBuilder);
        AddComma(person.Age.ToString(), stringBuilder);
        AddComma(string.Format("{0:C2}", person.Salary), stringBuilder);
        HttpContext.Current.Response.Write(stringBuilder.ToString());
        HttpContext.Current.Response.Write(Environment.NewLine);
    }

    private static void AddComma(string value, StringBuilder stringBuilder)
    {
        stringBuilder.Append(value.Replace(',', ' '));
        stringBuilder.Append(", ");
    }

    private static void WriteColumnName()
    {
        string columnNames = "Name, Family, Age, Salary";
        HttpContext.Current.Response.Write(columnNames);
        HttpContext.Current.Response.Write(Environment.NewLine);
    }
}