Using Wijmo all components for Vue3 external modules

This sample uses external module versions of the Wijmo for Vue3 interop.

Input Controls

This section shows input controls.

Value: $7.00

Date/Time: 2025/05/06 10:01

DateTime: 2025/05/06 10:01

December, 2020
SunMonTueWedThuFriSat
29 30 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 1 2

Date: 2025/05/06 10:01

Value:

Country: Afghanistan

Afghanistan
Albania
Algeria
American Samoa
Andorra
Angola
Anguilla
Antigua
Argentina
Armenia
Aruba
Australia
Austria
Azerbaijan
Bahamas
Bahrain
Bangladesh
Barbados
Belarus
Belgium
Belize
Benin
Bermuda
Bhutan
Bolivia
Bonaire
Bosnia
Botswana
Brazil
Brunei
Bulgaria
Burkina Faso
Burundi
Cambodia
Cameroon
Canada
Canary Islands
Cape Verde
Cayman Islands
Central African Republic
Chad
Channel Islands
Chile
China
Christmas Island
Cocos Island
Colombia
Comoros
Congo
Cook Islands
Costa Rica
Cote D'Ivoire
Croatia
Cuba
Curacao
Cyprus
Czech Republic
Denmark
Djibouti
Dominica
Dominican Republic
East Timor
Ecuador
Egypt
El Salvador
Equatorial Guinea
Eritrea
Estonia
Ethiopia
Falkland Islands
Faroe Islands
Fiji
Finland
France
French Guiana
French Polynesia
French Southern Ter
Gabon
Gambia
Georgia
Germany
Ghana
Gibraltar
Great Britain
Greece
Greenland
Grenada
Guadeloupe
Guam
Guatemala
Guinea
Guyana
Haiti
Honduras
Hong Kong
Hungary
Iceland
India
Indonesia
Iran
Iraq
Ireland
Isle of Man
Israel
Italy
Jamaica
Japan
Jordan
Kazakhstan
Kenya
Kiribati
Korea North
Korea South
Kuwait
Kyrgyzstan
Laos
Latvia
Lebanon
Lesotho
Liberia
Libya
Liechtenstein
Lithuania
Luxembourg
Macau
Macedonia
Madagascar
Malaysia
Malawi
Maldives
Mali
Malta
Marshall Islands
Martinique
Mauritania
Mauritius
Mayotte
Mexico
Midway Islands
Moldova
Monaco
Mongolia
Montserrat
Morocco
Mozambique
Myanmar
Nambia
Nauru
Nepal
Netherland Antilles
Netherlands
Nevis
New Caledonia
New Zealand
Nicaragua
Niger
Nigeria
Niue
Norfolk Island
Norway
Oman
Pakistan
Palau Island
Palestine
Panama
Papua New Guinea
Paraguay
Peru
Philippines
Pitcairn Island
Poland
Portugal
Puerto Rico
Qatar
Republic of Montenegro
Republic of Serbia
Reunion
Romania
Russia
Rwanda
St Barthelemy
St Eustatius
St Helena
St Kitts-Nevis
St Lucia
St Maarten
Saipan
Samoa
San Marino
Saudi Arabia
Scotland
Senegal
Serbia
Seychelles
Sierra Leone
Singapore
Slovakia
Slovenia
Solomon Islands
Somalia
South Africa
Spain
Sri Lanka
Sudan
Suriname
Swaziland
Sweden
Switzerland
Syria
Tahiti
Tajikistan
Tanzania
Thailand
Togo
Tokelau
Tonga
Trinidad Tobago
Tunisia
Turkey
Turkmenistan
Turks & Caicos Is
Tuvalu
Uganda
Ukraine
United Arab Emirates
United Kingdom
United States of America
Uruguay
Uzbekistan
Vanuatu
Vatican City State
Venezuela
Vietnam
Virgin Islands (British)
Virgin Islands (USA)
Wake Island
Yemen
Zaire
Zambia
Zimbabwe

selectedIndex: 0

selectedValue: Afghanistan

Afghanistan
Albania
Algeria
American Samoa
Andorra
Angola
Anguilla
Antigua
Argentina
Armenia
Aruba
Australia
Austria
Azerbaijan
Bahamas
Bahrain
Bangladesh
Barbados
Belarus
Belgium
Belize
Benin
Bermuda
Bhutan
Bolivia
Bonaire
Bosnia
Botswana
Brazil
Brunei
Bulgaria
Burkina Faso
Burundi
Cambodia
Cameroon
Canada
Canary Islands
Cape Verde
Cayman Islands
Central African Republic
Chad
Channel Islands
Chile
China
Christmas Island
Cocos Island
Colombia
Comoros
Congo
Cook Islands
Costa Rica
Cote D'Ivoire
Croatia
Cuba
Curacao
Cyprus
Czech Republic
Denmark
Djibouti
Dominica
Dominican Republic
East Timor
Ecuador
Egypt
El Salvador
Equatorial Guinea
Eritrea
Estonia
Ethiopia
Falkland Islands
Faroe Islands
Fiji
Finland
France
French Guiana
French Polynesia
French Southern Ter
Gabon
Gambia
Georgia
Germany
Ghana
Gibraltar
Great Britain
Greece
Greenland
Grenada
Guadeloupe
Guam
Guatemala
Guinea
Guyana
Haiti
Honduras
Hong Kong
Hungary
Iceland
India
Indonesia
Iran
Iraq
Ireland
Isle of Man
Israel
Italy
Jamaica
Japan
Jordan
Kazakhstan
Kenya
Kiribati
Korea North
Korea South
Kuwait
Kyrgyzstan
Laos
Latvia
Lebanon
Lesotho
Liberia
Libya
Liechtenstein
Lithuania
Luxembourg
Macau
Macedonia
Madagascar
Malaysia
Malawi
Maldives
Mali
Malta
Marshall Islands
Martinique
Mauritania
Mauritius
Mayotte
Mexico
Midway Islands
Moldova
Monaco
Mongolia
Montserrat
Morocco
Mozambique
Myanmar
Nambia
Nauru
Nepal
Netherland Antilles
Netherlands
Nevis
New Caledonia
New Zealand
Nicaragua
Niger
Nigeria
Niue
Norfolk Island
Norway
Oman
Pakistan
Palau Island
Palestine
Panama
Papua New Guinea
Paraguay
Peru
Philippines
Pitcairn Island
Poland
Portugal
Puerto Rico
Qatar
Republic of Montenegro
Republic of Serbia
Reunion
Romania
Russia
Rwanda
St Barthelemy
St Eustatius
St Helena
St Kitts-Nevis
St Lucia
St Maarten
Saipan
Samoa
San Marino
Saudi Arabia
Scotland
Senegal
Serbia
Seychelles
Sierra Leone
Singapore
Slovakia
Slovenia
Solomon Islands
Somalia
South Africa
Spain
Sri Lanka
Sudan
Suriname
Swaziland
Sweden
Switzerland
Syria
Tahiti
Tajikistan
Tanzania
Thailand
Togo
Tokelau
Tonga
Trinidad Tobago
Tunisia
Turkey
Turkmenistan
Turks & Caicos Is
Tuvalu
Uganda
Ukraine
United Arab Emirates
United Kingdom
United States of America
Uruguay
Uzbekistan
Vanuatu
Vatican City State
Venezuela
Vietnam
Virgin Islands (British)
Virgin Islands (USA)
Wake Island
Yemen
Zaire
Zambia
Zimbabwe

selectedIndex2: 1

asterisk
calendar
check
circle
clock
diamond
down
down-left
down-right
file
filter
left
minus
pencil
plus
right
square
step-backward
step-forward
up
up-left
up-right

Selected Glyph:

Checked Items:

Country: Afghanistan

Selected Items:

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#ffffff

Color: #ffffff

Color: #ffffff

Click to see a popup dialog:

FlexGrid Control

This section shows FlexGrid control with column definitions.

Drag columns here to create Groups
ID
Country
Date
Downloads
Sales
Active
0
US
12/31/2013
7,566
5,423.63
1
Italy
2/1/2014
1,234
1,186.36
2
UK
3/2/2014
7,752
3,503.99
3
Germany
4/3/2014
8,088
6,922.91
4
Germany
5/4/2014
6,421
2,362.18
5
Italy
6/5/2014
2,431
2,456.83
6
Japan
7/6/2014
6,303
1,815.75
7
Germany
8/7/2014
6,432
3,788.08
8
Italy
9/8/2014
9,296
1,677.04
9
US
10/9/2014
9,396
2,761.35
10
Italy
11/10/2014
1,341
9,158.89
11
Japan
12/11/2014
5,168
5,454.99
12
UK
1/12/2014
2,175
2,730.81
13
Italy
2/13/2014
1,526
1,716.54
14
Greece
3/14/2014
6,400
4,314.13
15
Greece
4/15/2014
5,949
3,506.88
16
Germany
5/16/2014
5,362
7,455.27
17
Germany
6/17/2014
777
898.66
18
Japan
7/18/2014
574
7,861.75
19
Italy
8/19/2014
6,893
5,746.06
20
UK
9/20/2014
5,365
6,983.71
21
Germany
10/21/2014
4,321
7,674.19
22
Japan
11/22/2014
7,500
1,862.09
23
Japan
12/23/2014
2,693
643.54
24
Japan
1/24/2014
7,169
7,474.51
25
Germany
2/25/2014
9,852
2,624.70
26
Japan
3/26/2014
2,257
2,676.26
27
Italy
4/27/2014
2,152
1,633.84
28
Japan
4/30/2014
5,134
3,598.40
29
Greece
6/1/2014
7,171
6,204.80
30
Greece
7/2/2014
6,109
274.87
31
Japan
8/3/2014
6,201
3,419.84
32
UK
9/4/2014
6,741
8,997.73
33
Greece
10/5/2014
7,233
4,665.34
34
Germany
11/6/2014
2,668
5,092.54
35
Italy
12/7/2014
1,687
7,902.71
36
Italy
1/8/2014
9,273
9,679.20
37
UK
2/9/2014
3,392
7,392.20
38
UK
3/10/2014
9,987
3,032.82
39
Italy
4/11/2014
9,488
4,752.14
40
Italy
5/12/2014
7,155
6,206.11
41
Japan
6/13/2014
689
4,759.82
42
Japan
7/14/2014
504
8,801.54
43
UK
8/15/2014
422
2,924.74
44
US
9/16/2014
769
7,088.23
45
Italy
10/17/2014
6,177
8,524.02
46
UK
11/18/2014
2,850
5,176.63
47
Germany
12/19/2014
4,477
7,401.96
48
UK
1/20/2014
6,889
478.33
49
Italy
2/21/2014
5,465
2,669.19
50
Japan
3/22/2014
9,070
3,766.71
51
Japan
4/23/2014
7,363
4,290.77
52
Greece
5/24/2014
4,272
8,562.51
53
US
6/25/2014
2,490
6,931.35
54
Italy
7/26/2014
883
1,714.21
55
Japan
8/27/2014
303
5,761.02
56
Germany
8/31/2014
1,883
7,239.82
57
Germany
10/1/2014
8,664
3,297.48
58
US
11/2/2014
166
6,882.29
59
US
12/3/2014
3,193
8,722.27
60
Italy
1/4/2014
7,612
7,085.80
61
Japan
2/5/2014
7,805
5,477.05
62
Germany
3/6/2014
1,682
7,266.54
63
Italy
4/7/2014
9,726
7,824.64
64
US
5/8/2014
124
1,277.15
65
UK
6/9/2014
1,082
5,530.53
66
UK
7/10/2014
6,698
759.68
67
Italy
8/11/2014
2,337
3,717.78
68
Germany
9/12/2014
2,607
3,448.04
69
Germany
10/13/2014
5,100
5,241.09
70
Greece
11/14/2014
9,315
2,827.31
71
Germany
12/15/2014
6,256
7,422.42
72
Germany
1/16/2014
2,250
5,663.55
73
UK
2/17/2014
6,398
4,549.51
74
Italy
3/18/2014
8,250
1,969.73
75
Germany
4/19/2014
8,804
2,146.67
76
Japan
5/20/2014
9,695
4,096.04
77
Germany
6/21/2014
9,072
7,188.68
78
UK
7/22/2014
4,951
6,780.76
79
UK
8/23/2014
8,488
952.17
80
Germany
9/24/2014
3,433
4,587.12
81
US
10/25/2014
4,120
8,150.12
82
UK
11/26/2014
5,131
3,650.45
83
Italy
12/27/2014
4,295
5,947.30
84
Italy
12/31/2013
7,944
6,810.59
85
Italy
2/1/2014
9,600
8,715.28
86
Japan
3/2/2014
3,591
1,333.01
87
Italy
4/3/2014
1,646
7,862.73
88
Italy
5/4/2014
5,333
1,327.41
89
UK
6/5/2014
3,787
4,264.51
90
UK
7/6/2014
1,333
2,253.33
91
Japan
8/7/2014
9,937
6,601.73
92
Italy
9/8/2014
712
8,218.62
93
UK
10/9/2014
823
1,020.54
94
UK
11/10/2014
3,346
2,873.48
95
Italy
12/11/2014
1,635
4,718.22
96
UK
1/12/2014
2,262
545.31
97
Germany
2/13/2014
1,452
7,409.40
98
UK
3/14/2014
9,100
2,632.21
99
Japan
4/15/2014
1,592
4,646.94

Olap Control

This section shows Olap Controls:PivotPanel, PivotGrid and PivotChart.

Product
Country
Sales (Sum)
Downloads (Sum)
Sales
Downloads
529
2,695
486
2,934
1,015
5,629
495
2,435
535
2,944
1,030
5,379
2,045
11,008
Aoba
Japan
USA
Subtotal
Wijmo
Japan
USA
Subtotal
Grand Total
Product
Country
Chart Type:  

Sales; Downloads by Product; CountrySalesDownloadsJapanUSAJapanUSA0Aoba

MultiRow Control

This section shows MultiRow Control. Layout:    

ID
Name
EMail
Shipper
Amount
Address
Phone
EMail
Ordered
Shipped
City
State
Zip
Express
0
Tom White
Speedy Express
$3,780.17
4713 Brown St.
803-9443
11/20/2017
11/22/2017
Vancouver
RN
11700-144
1
Mark Peters
Speedy Express
$1,316.15
1548 Bannon St.
847-7870
10/18/2020
10/22/2020
Hamburg
SC
60283-860
2
Frank Wong
Logitrax
$3,183.48
9689 Johnson St.
798-6357
6/21/2024
6/26/2024
Vancouver
BC
72498-313
3
John Smith
Logitrax
$4,718.24
4445 Richards St.
572-4636
4/3/2020
4/5/2020
Vancouver
RT
81161-980
4
Tom White
Speedy Express
$452.18
4713 Brown St.
803-9443
3/17/2019
3/20/2019
Vancouver
RN
11700-144
5
Aaron Jennings
Speedy Express
$3,510.62
457 White St.
908-5790
5/1/2019
5/2/2019
Cairo
SP
77950-125
6
John Smith
Acme Inc
$3,787.68
4445 Richards St.
572-4636
7/31/2020
8/3/2020
Vancouver
RT
81161-980
7
Brad Brown
Logitrax
$3,584.40
2558 Johnson St.
450-5620
7/21/2023
7/26/2023
Hamburg
RN
78622-290
8
Frank Richards
Speedy Express
$3,089.96
3926 Bannon St.
792-9706
5/28/2022
6/1/2022
Rome
CS
51296-384
9
Paul Richards
Speedy Express
$911.13
8183 Richards St.
636-5286
6/15/2024
6/16/2024
Sidney
CS
39875-730
10
Chris Peters
Speedy Express
$3,499.37
2755 Jennings St.
253-4862
11/25/2024
11/26/2024
Paris
SP
34769-843
11
Sue Jennings
Acme Inc
$980.39
2824 Smith St.
473-5521
4/15/2025
4/18/2025
Sidney
BC
36579-991
12
Frank Richards
Logitrax
$4,724.69
3926 Bannon St.
792-9706
10/7/2023
10/9/2023
Rome
CS
51296-384
13
Frank Bannon
Speedy Express
$3,572.59
6426 Brown St.
187-3224
9/27/2022
10/2/2022
York
CS
69489-364
14
John Adams
Speedy Express
$538.15
4543 Brown St.
937-7880
5/22/2019
5/24/2019
Florence
CS
38941-538
15
Mark Peters
Acme Inc
$4,720.72
1548 Bannon St.
847-7870
3/11/2017
3/16/2017
Hamburg
SC
60283-860
16
Bill Johnson
Flash Delivery
$3,494.53
460 Brown St.
795-6145
10/4/2023
10/5/2023
Paris
SC
19978-897
17
Brad White
Logitrax
$2,886.26
3791 Wong St.
873-1113
9/29/2017
10/3/2017
Cairo
SP
54112-900
18
Aaron Richards
Acme Inc
$3,123.40
4299 Bannon St.
691-4928
1/19/2024
1/22/2024
Rome
RN
37443-115
19
Tom Johnson
Acme Inc
$2,900.84
5884 Adams St.
589-3528
8/29/2024
9/1/2024
York
RN
17565-222

This view uses three rows per record. The layout is divided into three groups: order, customer, and shipper.

FlexChart Control

This section shows FlexChart control. Chart Types:    

Sales by Countrycopyright (c) ComponentOneSalesDownloadsUSGermanyItalyGermanyJapanJapanItalyGermanyJapanItalyUKItalyItalyJapanUKGermanyUKItalyUSJapanGreeceUSGermanyItalyGreeceGermanyGermanyUSJapanUKUKJapanJapanUK5,000

FlexPie Control

This section shows FlexPie control.

OrangesApplesPearsBananasPineapples

FinancialChart Control

This section shows FinancialChart Control. Chart Types:    

FB Inc.01/05/1501/07/1501/09/1501/13/1501/15/1501/20/1501/22/1501/26/1501/28/1501/30/1502/03/1502/05/1502/09/1502/11/1502/13/1502/18/1502/20/1502/24/1502/26/1503/02/1503/04/1503/06/1503/10/1503/12/1503/16/1503/18/1503/20/1503/24/1503/26/1503/30/1504/01/1504/06/1504/08/1504/10/1504/14/1504/16/1504/20/1504/22/1504/24/1504/28/1580

TreeMap Control

This section shows TreeMap Control. Max Depth:  

Wearable Te..HeadphonesCell Phon..Came..ElectronicsRockJazzElectronicCountryClassicalSo..MusicRomanceHistoryArts & P..Children'..Sci-F..Myst..BooksMovieTVVideoTabletsDesktopsLComputers & Ta..

Sunburst Control

This section shows Sunburst Control.

202420232022NovOctQ4SepAugJulQ3JuneMayAprQ2FebJanQ12024DecNovOctQ4SepAugJulQ3JuneMayQ2MarFebJanQ12023DecNovOctQ4SepAugJulQ3JuneMayAprQ2MarFebJanQ12022

FlexRadar Control

This section shows FlexRadar Control.

SalesDownloadsUSGermanyUKJapanItalyGreece2575

Gauge Controls

This section shows Gauge controls: LinearGauge,RadialGauge and BulletGraph.

50

TreeView Control

This section shows TreeView Control.

Electronics
Trimmers/Shavers
Tablets
Phones
Apple
Motorola
Nokia
Samsung
Speakers
Monitors
Shopkins
Train Sets
Science Kit
Play-Doh
Crayola
Coffeee Maker
Breadmaker
Solar Panel
Work Table
Propane Grill

Selected Item: Electronics

TabPanel Control

This section shows TabPanel Control.

AfricaAmericaAsiaEuropeOceania
  • Algeria
  • Angola
  • Benin
  • Botswana
  • Canada
  • Chile
  • Mexico
  • United States
  • China
  • Korea
  • India
  • Japan
  • Austria
  • England
  • France
  • Germany
  • Netherlands
  • Switzerland
  • Australia
  • Fiji
  • New Zealand
  • Samoa

Accordion Control

This section shows Accordion Control.

Accordion
Change the properties of this Accordion.

ReportViewer Control

This section shows ReportViewer Control.

/0
/0
Loading...
/0
×

PdfViewer Control

This section shows PdfViewer Control.

/0
/0
Loading...
/0
×

FlexSheet Control

This section shows FlexSheet Control.

A
B
C
D
E
F
G
H
0
1
2
3
4
5
6
7
1
  • Number
  • Date

Insert
Delete
Rename
Insert Row
Delete Rows
Insert Column
Delete Columns
Convert To Table