MVCFlexGrid
MVCFlexGrid
Filtering
This sample demonstrates how to export a filtering mvc flexgrid to excel file.
Features
ID
Start
End
Country
Product
Color
Amount
Amount2
Discount
Active
1
1/25/2025
1/25/2025
German
Gadget
Green
$581.61
($2,939.67)
14%
2
2/25/2025
2/25/2025
Canada
Gadget
Green
$4,919.02
($4,673.75)
17%
3
3/25/2025
3/25/2025
Japan
Gadget
Red
$2,159.73
($3,810.42)
7%
4
4/25/2025
4/25/2025
German
Gadget
Red
$1,248.66
($2,815.93)
22%
5
5/25/2025
5/25/2025
German
Gadget
Black
$4,051.76
($3,108.76)
12%
6
6/25/2025
6/25/2025
Canada
Gadget
Black
($3,131.28)
($4,314.81)
16%
7
7/25/2025
7/25/2025
China
Widget
Red
$698.62
($2,745.97)
15%
8
8/25/2025
8/25/2025
US
Widget
White
$3,464.15
$1,131.58
3%
9
9/25/2025
9/25/2025
Korea
Gadget
Black
($2,363.16)
$3,425.60
14%
10
10/25/2025
10/25/2025
US
Widget
White
($2,836.94)
($4,283.10)
6%
11
11/25/2025
11/25/2025
France
Widget
Green
$877.93
$2,722.02
8%
12
12/25/2025
12/25/2025
Korea
Widget
Red
($3,788.14)
($3,050.89)
12%
13
1/25/2025
1/25/2025
German
Gadget
Red
($2,446.92)
($2,351.67)
12%
14
2/25/2025
2/25/2025
German
Widget
Black
($4,374.97)
($3,899.38)
18%
15
3/25/2025
3/25/2025
Japan
Gadget
Green
$1,089.32
($4,102.95)
16%
16
4/25/2025
4/25/2025
China
Gadget
Black
$1,341.85
$532.34
8%
17
5/25/2025
5/25/2025
US
Widget
Black
$3,596.33
$623.80
18%
18
6/25/2025
6/25/2025
China
Widget
Green
$3,232.11
$305.20
24%
19
7/25/2025
7/25/2025
France
Gadget
Green
($2,008.99)
$1,805.09
9%
20
8/25/2025
8/25/2025
France
Gadget
White
$2,568.01
$2,889.37
3%
21
9/25/2025
9/25/2025
UK
Widget
Black
($3,476.95)
$4,852.50
1%
22
10/25/2025
10/25/2025
UK
Widget
Red
$2,290.56
$3,295.03
6%
23
11/25/2025
11/25/2025
Japan
Gadget
White
($4,146.76)
$853.06
1%
24
12/25/2025
12/25/2025
Canada
Gadget
Red
$4,917.55
($4,479.39)
14%
25
1/25/2025
1/25/2025
Korea
Gadget
Black
$3,824.28
$2,007.51
8%
26
2/25/2025
2/25/2025
Japan
Gadget
White
($4,257.83)
($1,652.26)
23%
27
3/25/2025
3/25/2025
Italy
Gadget
Black
$1,095.08
$1,413.34
20%
28
4/25/2025
4/25/2025
German
Gadget
Green
$1,853.66
$4,924.12
18%
29
5/25/2025
5/25/2025
Italy
Widget
White
$3,708.86
($2,697.08)
3%
30
6/25/2025
6/25/2025
Canada
Gadget
Green
($3,447.73)
$3,738.87
10%
31
7/25/2025
7/25/2025
German
Gadget
White
($165.64)
($4,919.21)
4%
32
8/25/2025
8/25/2025
China
Widget
White
$160.62
$1,299.66
8%
33
9/25/2025
9/25/2025
Korea
Widget
Red
($2,575.30)
($1,036.23)
17%
34
10/25/2025
10/25/2025
Italy
Widget
Red
$3,288.12
($2,392.41)
19%
35
11/25/2025
11/25/2025
Korea
Gadget
Red
($4,563.28)
$1,361.51
2%
36
12/25/2025
12/25/2025
Canada
Widget
White
($4,839.71)
($1,835.02)
19%
37
1/25/2025
1/25/2025
US
Gadget
Red
$544.13
($4,548.24)
10%
38
2/25/2025
2/25/2025
Canada
Widget
Red
$538.45
$1,848.22
4%
39
3/25/2025
3/25/2025
Japan
Gadget
Red
$1,493.10
$391.20
19%
40
4/25/2025
4/25/2025
US
Widget
Black
($2,838.54)
$4,241.04
14%
41
5/25/2025
5/25/2025
UK
Gadget
Black
($3,175.21)
($2,650.41)
18%
42
6/25/2025
6/25/2025
France
Widget
Black
$22.88
($2,410.67)
17%
43
7/25/2025
7/25/2025
Korea
Widget
Black
($4,129.88)
($3,660.62)
17%
44
8/25/2025
8/25/2025
Korea
Gadget
Green
$2,170.82
($3,562.14)
14%
45
9/25/2025
9/25/2025
Korea
Gadget
Red
($3,000.98)
($238.75)
9%
46
10/25/2025
10/25/2025
US
Gadget
Red
$3,374.49
($4,629.37)
23%
47
11/25/2025
11/25/2025
Canada
Widget
Green
($2,103.52)
($4,860.82)
23%
48
12/25/2025
12/25/2025
German
Widget
Red
($2,077.64)
($4,678.39)
6%
49
1/25/2025
1/25/2025
France
Gadget
Green
($748.11)
$1,463.78
14%
50
2/25/2025
2/25/2025
German
Widget
Red
$678.23
$95.72
3%
51
3/25/2025
3/25/2025
Italy
Gadget
White
$4,420.76
($4,654.08)
1%
52
4/25/2025
4/25/2025
China
Widget
Red
($4,161.96)
$272.81
7%
53
5/25/2025
5/25/2025
China
Gadget
Red
($4,266.09)
($4,920.97)
6%
54
6/25/2025
6/25/2025
Korea
Gadget
Green
($3,422.65)
$2,304.34
22%
55
7/25/2025
7/25/2025
China
Gadget
Red
($185.37)
($280.05)
12%
56
8/25/2025
8/25/2025
US
Widget
Red
($4,675.00)
$4,759.93
9%
57
9/25/2025
9/25/2025
Canada
Gadget
Black
($1,746.26)
($780.98)
19%
58
10/25/2025
10/25/2025
German
Widget
Green
($3,518.88)
($2,779.71)
5%
59
11/25/2025
11/25/2025
Canada
Widget
Red
($228.15)
$3,505.17
20%
60
12/25/2025
12/25/2025
Italy
Widget
Red
($839.21)
$1,002.81
21%
61
1/25/2025
1/25/2025
US
Widget
Black
$2,042.44
$1,010.09
2%
62
2/25/2025
2/25/2025
US
Gadget
White
$4,568.40
$2,813.06
21%
63
3/25/2025
3/25/2025
Korea
Widget
White
$595.84
($369.24)
4%
64
4/25/2025
4/25/2025
Canada
Gadget
Red
($2,520.97)
$31.56
9%
65
5/25/2025
5/25/2025
Korea
Gadget
White
$3,017.71
$2,732.26
12%
66
6/25/2025
6/25/2025
Korea
Widget
Red
($3,412.10)
$3,802.04
22%
67
7/25/2025
7/25/2025
Korea
Gadget
White
($3,256.14)
($3,342.69)
0%
68
8/25/2025
8/25/2025
China
Gadget
White
$4,334.98
($1,274.35)
17%
69
9/25/2025
9/25/2025
China
Widget
Black
($989.05)
($4,651.12)
9%
70
10/25/2025
10/25/2025
US
Widget
Red
$2,673.11
($1,656.47)
1%
71
11/25/2025
11/25/2025
Japan
Gadget
Green
$4,676.20
($2,435.42)
4%
72
12/25/2025
12/25/2025
German
Widget
Black
($4,427.85)
($952.53)
13%
73
1/25/2025
1/25/2025
Japan
Gadget
Red
($4,916.10)
($507.49)
19%
74
2/25/2025
2/25/2025
China
Widget
White
($1,940.69)
($2,854.91)
0%
75
3/25/2025
3/25/2025
German
Widget
White
($862.78)
$4,355.25
10%
76
4/25/2025
4/25/2025
Canada
Gadget
White
$2,015.45
($1,489.64)
25%
77
5/25/2025
5/25/2025
Japan
Gadget
White
$4,585.00
($2,963.00)
16%
78
6/25/2025
6/25/2025
US
Widget
Red
$1,986.58
$606.61
6%
79
7/25/2025
7/25/2025
US
Widget
Black
($3,469.64)
($1,856.72)
25%
80
8/25/2025
8/25/2025
German
Gadget
White
$2,342.70
($3,639.94)
5%
81
9/25/2025
9/25/2025
UK
Gadget
Red
$4,479.22
($842.31)
21%
82
10/25/2025
10/25/2025
US
Gadget
Green
$2,869.30
$3,725.41
12%
83
11/25/2025
11/25/2025
US
Gadget
Black
($2,190.02)
($2,736.44)
18%
84
12/25/2025
12/25/2025
Italy
Widget
Black
$322.50
($3,277.44)
23%
85
1/25/2025
1/25/2025
France
Widget
Red
($1,479.40)
$3,151.24
12%
86
2/25/2025
2/25/2025
Italy
Widget
Black
$3,689.48
($1,072.41)
10%
87
3/25/2025
3/25/2025
Canada
Widget
Green
($1,241.87)
$2,966.15
24%
88
4/25/2025
4/25/2025
Japan
Gadget
White
$4,009.94
($3,149.85)
11%
89
5/25/2025
5/25/2025
Japan
Gadget
Red
$2,323.39
$444.47
16%
90
6/25/2025
6/25/2025
Italy
Gadget
Green
($1,227.88)
$1,787.36
12%
91
7/25/2025
7/25/2025
German
Widget
White
($456.57)
$2,388.73
20%
92
8/25/2025
8/25/2025
Italy
Widget
Black
($992.57)
($1,438.44)
25%
93
9/25/2025
9/25/2025
Canada
Gadget
Black
($4,707.05)
($1,935.98)
19%
94
10/25/2025
10/25/2025
US
Widget
Green
$2,301.03
$1,134.37
24%
95
11/25/2025
11/25/2025
German
Gadget
Green
($1,062.14)
$2,694.52
5%
96
12/25/2025
12/25/2025
France
Widget
Black
($587.13)
$974.87
4%
97
1/25/2025
1/25/2025
US
Gadget
White
$2,518.17
$1,421.02
19%
98
2/25/2025
2/25/2025
Japan
Widget
Red
$4,900.51
$3,229.92
16%
99
3/25/2025
3/25/2025
Japan
Gadget
White
$2,920.44
$4,808.53
0%
100
4/25/2025
4/25/2025
France
Widget
Green
$568.63
$329.90
13%
ID
Start
End
Country
Product
Color
Amount
Amount2
Discount
Active
0
Settings
Export
IncludeColumnHeaders: True
Export Format: XLSX
Description
This sample demonstrates how to export a filtering mvc flexgrid to excel file.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using WebApiExplorer.Models; namespace WebApiExplorer.Controllers { public partial class MVCFlexGridController : Controller { private readonly GridExportImportOptions _flexGridFilteringModel = new GridExportImportOptions { NeedExport = true , NeedImport = false , IncludeColumnHeaders = true }; public ActionResult Filtering() { ViewBag.Options = _flexGridFilteringModel; return View(Sale.GetData(100)); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | @using WebApiExplorer.Models @using C1.Web.Mvc.Grid @model IEnumerable< Sale > @ { GridExportImportOptions optionsModel = ViewBag.Options; ViewBag.DemoSettings = true ; } <script> function exportControl() { var exporter = new c1.mvc.ExcelExport(), control = wijmo.Control.getControl( "#flexgrid" ); exporter.requestExport(control, serverUrl + "api/export/excel" , { fileName: document.getElementById( "exportName" ).value, type: wijmo.ExportFileType.Xlsx, onlyCurrentPage: onlyCurrentPage }); } </script> @ (Html.C1().FlexGrid< Sale >() .Id(optionsModel.ControlId) .AutoGenerateColumns( false ) .Bind(Model) .CssClass( "grid" ) .IsReadOnly( true ) .Columns(bl => { bl.Add(cb => cb.Binding( "ID" ).Width( "*" )); bl.Add(cb => cb.Binding( "Start" )); bl.Add(cb => cb.Binding( "End" )); bl.Add(cb => cb.Binding( "Country" )); bl.Add(cb => cb.Binding( "Product" )); bl.Add(cb => cb.Binding( "Color" )); bl.Add(cb => cb.Binding( "Amount" ).Format( "c" )); bl.Add(cb => cb.Binding( "Amount2" ).Format( "c" )); bl.Add(cb => cb.Binding( "Discount" ).Format( "p0" )); bl.Add(cb => cb.Binding( "Active" )); }) .Filterable(f => f.DefaultFilterType(FilterType.Both)) ) @section Settings{ @Html .Partial( "_FlexGridOptions" , optionsModel) } @section Description{ @Html .Raw(Resources.MVCFlexGrid.Filtering_Text0) } |