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/04/19 03:14

DateTime: 2025/04/19 03:14

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/04/19 03:14

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
Japan
12/31/2013
3,389
8,943.78
1
UK
2/1/2014
7,654
9,108.33
2
Japan
3/2/2014
1,044
8,770.96
3
Italy
4/3/2014
8,309
1,238.57
4
Italy
5/4/2014
452
266.97
5
UK
6/5/2014
6,378
4,866.06
6
Germany
7/6/2014
2,682
7,197.24
7
Italy
8/7/2014
7,048
6,496.20
8
Japan
9/8/2014
5,758
4,141.66
9
Italy
10/9/2014
1,196
9,746.59
10
UK
11/10/2014
4,918
1,495.60
11
Japan
12/11/2014
1,533
3,268.72
12
Greece
1/12/2014
7,103
3,202.51
13
UK
2/13/2014
9,910
8,431.33
14
Japan
3/14/2014
1,419
954.79
15
Japan
4/15/2014
7,163
5,624.39
16
Japan
5/16/2014
135
5,395
17
Japan
6/17/2014
1,925
4,952.45
18
UK
7/18/2014
2,404
3,881.27
19
Japan
8/19/2014
8,992
7,970.81
20
US
9/20/2014
5,473
8,550.02
21
UK
10/21/2014
5,257
808.37
22
Greece
11/22/2014
3,769
3,583.76
23
US
12/23/2014
4,456
428.08
24
Germany
1/24/2014
8,868
5,015.64
25
Greece
2/25/2014
7,447
3,449.34
26
Germany
3/26/2014
6,890
9,911.27
27
Italy
4/27/2014
8,791
4,167.18
28
Greece
4/30/2014
612
8,366.52
29
UK
6/1/2014
681
5,994.10
30
Germany
7/2/2014
1,746
8,445.88
31
US
8/3/2014
8,332
7,352.10
32
UK
9/4/2014
2,361
7,559.19
33
Italy
10/5/2014
3,997
7,398.79
34
Germany
11/6/2014
1,474
5,699.88
35
Japan
12/7/2014
9,030
1,834.15
36
US
1/8/2014
39
5,135.94
37
Japan
2/9/2014
8,311
6,970.70
38
Italy
3/10/2014
5,332
6,423.25
39
UK
4/11/2014
5,482
7,808.31
40
US
5/12/2014
8,072
2,109.20
41
Japan
6/13/2014
821
5,468.82
42
US
7/14/2014
7,933
6,910.07
43
Greece
8/15/2014
6,749
1,521.96
44
UK
9/16/2014
3,587
4,635.32
45
UK
10/17/2014
4,226
8,905.48
46
Greece
11/18/2014
7,819
9,964.83
47
UK
12/19/2014
3,389
8,792.36
48
Japan
1/20/2014
8,038
6,879.86
49
Germany
2/21/2014
4,418
5,929.80
50
US
3/22/2014
6,882
2,456.24
51
Italy
4/23/2014
8,303
3,233.55
52
Germany
5/24/2014
8,523
1,178.24
53
US
6/25/2014
6,103
9,593.56
54
Italy
7/26/2014
2,139
4,251.42
55
UK
8/27/2014
8,319
1,373.61
56
Germany
8/31/2014
4,421
4,588.57
57
Germany
10/1/2014
246
1,295.82
58
Italy
11/2/2014
1,326
6,518.45
59
Germany
12/3/2014
4,817
5,972.44
60
Japan
1/4/2014
7,171
4,679.25
61
UK
2/5/2014
7,480
8,239.67
62
Greece
3/6/2014
7,945
9,288.48
63
Japan
4/7/2014
9,996
6,781.32
64
Greece
5/8/2014
9,146
9,335.42
65
Italy
6/9/2014
3,600
4,904.91
66
UK
7/10/2014
992
2,242.44
67
Italy
8/11/2014
7,919
9,455.15
68
Italy
9/12/2014
3,355
2,551.90
69
UK
10/13/2014
4,724
9,157.05
70
Germany
11/14/2014
3,690
9,300.17
71
US
12/15/2014
6,533
1,328.24
72
Italy
1/16/2014
1,585
814.20
73
Germany
2/17/2014
1,828
1,693.09
74
UK
3/18/2014
8,039
1,837.02
75
Italy
4/19/2014
5,689
6,310.56
76
UK
5/20/2014
1,259
1,893.37
77
Germany
6/21/2014
7,889
9,258.83
78
Japan
7/22/2014
3,504
8,857.46
79
UK
8/23/2014
933
7,034.80
80
Germany
9/24/2014
9,030
4,632.13
81
Germany
10/25/2014
5,558
3,038.20
82
Japan
11/26/2014
8,232
7,037.53
83
Japan
12/27/2014
3,095
1,534.14
84
Japan
12/31/2013
4,252
2,310.95
85
Italy
2/1/2014
4,219
1,026.46
86
Italy
3/2/2014
9,352
7,511.61
87
UK
4/3/2014
4,283
3,867.60
88
Japan
5/4/2014
2,064
9,565.86
89
Germany
6/5/2014
6,316
7,621.25
90
US
7/6/2014
4,864
143.07
91
Germany
8/7/2014
8,300
9,578.11
92
Germany
9/8/2014
9,297
8,245.06
93
Italy
10/9/2014
9,591
2,223.66
94
Italy
11/10/2014
9,661
755.08
95
Greece
12/11/2014
3,605
3,983.05
96
Italy
1/12/2014
3,550
7,049.48
97
US
2/13/2014
2,526
3,027.33
98
Italy
3/14/2014
5,851
6,930.92
99
Greece
4/15/2014
415
6,141.85

Olap Control

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

Product
Country
Sales (Sum)
Downloads (Sum)
Sales
Downloads
525
2,744
493
2,766
1,018
5,510
434
2,352
530
3,303
964
5,655
1,982
11,165
Aoba
Japan
USA
Subtotal
Wijmo
Japan
USA
Subtotal
Grand Total
Product
Country
Chart Type:  

Sales; Downloads by Product; CountrySalesDownloadsJapanUSAJapanUSA02,500Aoba

MultiRow Control

This section shows MultiRow Control. Layout:    

ID
Name
EMail
Shipper
Amount
Address
Phone
EMail
Ordered
Shipped
City
State
Zip
Express
0
Bill Peters
Speedy Express
$953.64
9759 Wong St.
849-5861
8/23/2017
8/27/2017
Cairo
BC
89279-404
1
Frank Brown
Flash Delivery
$4,208.30
8754 Richards St.
384-7704
9/19/2018
9/22/2018
Florence
CS
70340-690
2
Tom Johnson
Logitrax
$3,151.52
7897 White St.
146-6885
5/16/2020
5/20/2020
Cairo
SC
89499-146
3
Tom Johnson
Speedy Express
$1,904.84
7897 White St.
146-6885
2/7/2018
2/12/2018
Cairo
SC
89499-146
4
Mark Smith
Logitrax
$2,541.84
4691 Wong St.
350-5147
5/31/2023
6/3/2023
Sidney
RN
16430-705
5
Pat White
Logitrax
$3,286.05
372 Wong St.
229-2662
7/26/2017
7/28/2017
Cairo
SP
62456-969
6
Frank Peters
Speedy Express
$876.39
4308 Jennings St.
764-6889
8/2/2017
8/4/2017
Sidney
CS
84784-471
7
Joe Bannon
Flash Delivery
$402.22
6611 Peters St.
494-5693
1/15/2018
1/19/2018
Cairo
SC
32364-751
8
Paul Jennings
Flash Delivery
$2,391.69
4435 Brown St.
627-2545
8/16/2024
8/18/2024
Paris
RT
91935-907
9
Tony Brown
Acme Inc
$1,125.11
5726 Bannon St.
574-1012
11/4/2024
11/9/2024
Paris
RS
88155-977
10
Tony Brown
Logitrax
$3,487.93
5726 Bannon St.
574-1012
7/13/2019
7/18/2019
Paris
RS
88155-977
11
Aaron Smith
Acme Inc
$3,868.54
139 Johnson St.
960-5523
1/25/2018
1/28/2018
Hamburg
SC
85069-720
12
Frank Johnson
Acme Inc
$716.20
8320 Brown St.
260-6239
3/22/2021
3/23/2021
Sidney
SC
80492-105
13
Brad White
Speedy Express
$890.85
863 Peters St.
594-1571
9/19/2023
9/20/2023
Hamburg
RS
31472-233
14
Bill Peters
Acme Inc
$4,247.24
9759 Wong St.
849-5861
11/9/2019
11/10/2019
Cairo
BC
89279-404
15
Bill White
Acme Inc
$3,956.95
9976 White St.
287-4298
4/22/2017
4/26/2017
Sidney
BC
62949-273
16
Frank Johnson
Acme Inc
$897.53
9286 Peters St.
902-8159
12/1/2019
12/4/2019
Hamburg
SC
43137-903
17
Joe Richards
Speedy Express
$714.69
707 White St.
812-6534
7/8/2019
7/9/2019
Paris
RS
59916-450
18
Frank Brown
Speedy Express
$471.31
3883 White St.
301-8893
3/10/2017
3/13/2017
Florence
RN
19342-571
19
Pat Adams
Acme Inc
$4,431.05
3905 Johnson St.
133-8739
4/1/2025
4/4/2025
Rome
SP
12958-666

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) ComponentOneSalesDownloadsUKUKUSUKJapanUSGreeceGreeceGermanyGermanyJapanJapanItalyUKUKGermanyUKJapanUKGermanyItalyItalyUKGreeceUKJapanGermanyGermanyUSItalyJapanItalyJapanJapan5,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:  

Children'..RomanceArts & Pho..Sci-Fi & Fa..HistoryMyste..BooksJazzCountryRockClassicalElec..Sou..MusicHeadpho..Wearabl..Cell Ph..CameraElectronicsTabletsDeskto..LaptopsComputers & Table..MovieTVVideo

Sunburst Control

This section shows Sunburst Control.

202420232022DecOctQ4SepAugJulQ3JuneMayAprQ2MarFebJanQ12024DecNovOctQ4SepAugJulQ3JuneMayAprQ2MarFebJanQ12023DecNovOctQ4SepAugJulQ3JuneAprQ2MarFebJanQ12022

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