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/08/11 18:25

DateTime: 2025/08/11 18:25

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/08/11 18:25

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
Germany
12/31/2013
9,155
4,897.21
1
Germany
2/1/2014
172
3,757.27
2
Japan
3/2/2014
6,964
2,618.92
3
Italy
4/3/2014
7,255
2,092.52
4
Germany
5/4/2014
4,028
1,705.44
5
Germany
6/5/2014
6,161
3,184.49
6
UK
7/6/2014
6,439
4,059.23
7
Germany
8/7/2014
1,486
3,655.93
8
Japan
9/8/2014
9,603
4,693.66
9
UK
10/9/2014
7,042
4,955.03
10
Italy
11/10/2014
4,054
9,931.90
11
US
12/11/2014
7,156
5,299.07
12
Germany
1/12/2014
2,620
19.51
13
UK
2/13/2014
9,846
4,676.49
14
UK
3/14/2014
4,800
6,302.77
15
Japan
4/15/2014
3,543
4,515.53
16
Japan
5/16/2014
6,133
1,177.41
17
US
6/17/2014
6,274
3,617.51
18
Japan
7/18/2014
1,674
2,857.93
19
Germany
8/19/2014
5,320
8,522.40
20
US
9/20/2014
2,631
9,959.32
21
US
10/21/2014
5,136
3,554.99
22
UK
11/22/2014
6,808
8,852.33
23
Italy
12/23/2014
8,757
3,629.27
24
Italy
1/24/2014
1,774
1,157.28
25
US
2/25/2014
8,378
6,539.45
26
Italy
3/26/2014
2,277
7,152.81
27
Italy
4/27/2014
5,727
9,983.91
28
Japan
4/30/2014
6,099
7,223.77
29
Greece
6/1/2014
7,038
4,843.41
30
Japan
7/2/2014
8,819
4,007.88
31
Japan
8/3/2014
5,911
5,114.67
32
US
9/4/2014
6,289
8,044.40
33
Japan
10/5/2014
2,289
7,317.04
34
US
11/6/2014
8,869
3,072.64
35
Germany
12/7/2014
8,303
1,720.91
36
Germany
1/8/2014
531
4,470.74
37
Italy
2/9/2014
658
65.30
38
Greece
3/10/2014
564
2,884.91
39
Italy
4/11/2014
8,957
9,201.70
40
Germany
5/12/2014
4,605
8,727.50
41
Germany
6/13/2014
5,852
8,382.49
42
UK
7/14/2014
6,289
2,111
43
Japan
8/15/2014
7,689
4,531.36
44
Italy
9/16/2014
6,592
579.17
45
Japan
10/17/2014
2,164
6,354.95
46
Italy
11/18/2014
9,078
1,624.12
47
Germany
12/19/2014
7,997
8,686.19
48
Italy
1/20/2014
6,468
3,358.04
49
Germany
2/21/2014
4,461
3,317.47
50
Italy
3/22/2014
3,557
8,242.38
51
Germany
4/23/2014
4,548
9,553.83
52
UK
5/24/2014
1,830
315.72
53
Greece
6/25/2014
368
6,968.66
54
Japan
7/26/2014
444
656.60
55
Japan
8/27/2014
7,581
4,998.04
56
UK
8/31/2014
2,034
2,510.29
57
Japan
10/1/2014
4,595
1,841.60
58
Japan
11/2/2014
5,383
9,466.06
59
Japan
12/3/2014
6,551
7,044.22
60
Japan
1/4/2014
9,043
6,063.96
61
Japan
2/5/2014
8,741
9,886.05
62
Italy
3/6/2014
7,779
6,502.69
63
Italy
4/7/2014
2,613
1,843.13
64
Italy
5/8/2014
5,609
3,252.32
65
UK
6/9/2014
7,209
997.51
66
Greece
7/10/2014
1,482
6,707.72
67
Germany
8/11/2014
919
7,421.60
68
Germany
9/12/2014
2,799
1,087.95
69
Japan
10/13/2014
3,927
474.85
70
Italy
11/14/2014
8,685
5,192.52
71
Germany
12/15/2014
8,260
1,124.01
72
Japan
1/16/2014
7,343
9,229.74
73
Italy
2/17/2014
3,759
1,214.32
74
Italy
3/18/2014
2,198
5,269.61
75
Japan
4/19/2014
6,912
6,798.95
76
UK
5/20/2014
5,455
3,962.80
77
Japan
6/21/2014
8,458
3,584.17
78
US
7/22/2014
7,331
4,228.35
79
UK
8/23/2014
3,932
9,433.38
80
Italy
9/24/2014
9,557
9,619.69
81
Greece
10/25/2014
9,945
3,488.99
82
Italy
11/26/2014
9,450
4,460.71
83
Italy
12/27/2014
7,840
1,213.47
84
US
12/31/2013
1,240
5,812.04
85
Germany
2/1/2014
5,771
5,742.64
86
US
3/2/2014
4,977
7,387.06
87
US
4/3/2014
3,084
5,273.02
88
UK
5/4/2014
3,901
2,663.43
89
Japan
6/5/2014
2,772
8,185.56
90
Germany
7/6/2014
2,085
9,628.02
91
Italy
8/7/2014
7,527
990.43
92
Greece
9/8/2014
2,187
3,161.31
93
Germany
10/9/2014
3,838
5,731.80
94
Germany
11/10/2014
4,440
3,753.40
95
Germany
12/11/2014
4,706
2,921.18
96
Greece
1/12/2014
2,084
7,920.88
97
Japan
2/13/2014
7,531
3,278.01
98
UK
3/14/2014
2,700
7,421.03
99
Greece
4/15/2014
9,294
5,847.35
0

Olap Control

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

0
0
0
Product
Country
0
Sales (Sum)
Downloads (Sum)
0
Sales
Downloads
553
3,048
588
2,683
1,141
5,731
295
2,030
411
2,577
706
4,607
1,847
10,338
Aoba
Japan
USA
Subtotal
Wijmo
Japan
USA
Subtotal
Grand Total
Product
Country
0
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
Joe Richards
Acme Inc
$1,206.34
9534 Jennings St.
346-9010
12/28/2023
12/29/2023
York
SC
37544-719
1
Tony Richards
Acme Inc
$703.31
5111 Peters St.
988-3647
9/23/2018
9/25/2018
Vancouver
RT
82574-253
2
Paul Jennings
Flash Delivery
$1,234.20
1584 Richards St.
499-4194
9/27/2023
10/1/2023
Vancouver
CS
76169-762
3
Pat Wong
Logitrax
$1,274.93
5539 Smith St.
473-3568
8/25/2018
8/30/2018
York
RN
92318-864
4
Frank Jennings
Speedy Express
$3,921.31
9523 Smith St.
631-5273
6/26/2024
6/27/2024
Rome
SC
15640-257
5
Sue Smith
Speedy Express
$752.58
6894 Wong St.
628-3148
9/16/2023
9/19/2023
Cairo
SP
56079-826
6
Sue White
Flash Delivery
$257.18
2864 Richards St.
868-1426
11/27/2017
11/28/2017
Vancouver
SP
59476-430
7
Bill Johnson
Acme Inc
$1,167.79
7496 White St.
149-1292
3/28/2019
3/31/2019
Florence
RS
27133-916
8
Aaron Jennings
Acme Inc
$3,765.37
3960 Wong St.
715-9230
6/16/2023
6/20/2023
Vancouver
RT
81211-927
9
Tony Wong
Acme Inc
$3,799.89
8788 White St.
932-4980
10/6/2018
10/8/2018
Cairo
CS
76249-758
10
Sue Peters
Flash Delivery
$2,955.94
4821 Smith St.
938-2218
10/12/2021
10/16/2021
Sidney
BC
54992-205
11
Joe Richards
Acme Inc
$3,466.42
9534 Jennings St.
346-9010
7/11/2019
7/12/2019
York
SC
37544-719
12
Tony Richards
Logitrax
$876.65
5111 Peters St.
988-3647
8/16/2018
8/18/2018
Vancouver
RT
82574-253
13
John Richards
Acme Inc
$4,821.28
8796 Johnson St.
740-7417
11/23/2018
11/25/2018
Rome
BC
52267-144
14
Tony Jennings
Logitrax
$2,909.78
3836 Brown St.
836-8136
2/24/2018
2/27/2018
Vancouver
SC
37528-866
15
Pat Wong
Speedy Express
$1,897.19
5539 Smith St.
473-3568
7/1/2022
7/3/2022
York
RN
92318-864
16
Paul Peters
Speedy Express
$4,869.84
1510 Jennings St.
417-5398
1/3/2019
1/6/2019
Hamburg
CS
67634-668
17
Brad Richards
Logitrax
$1,526.58
2886 Richards St.
175-7786
12/21/2024
12/24/2024
Hamburg
CS
16866-859
18
Pat Richards
Acme Inc
$3,746.70
2680 White St.
874-2587
8/5/2021
8/6/2021
Florence
RN
62177-408
19
Brad Richards
Acme Inc
$4,916.66
2886 Richards St.
175-7786
6/25/2019
6/30/2019
Hamburg
CS
16866-859
0

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) ComponentOneSalesDownloadsUKGreeceItalyItalyUKGreeceUKItalyJapanItalyUKItalyJapanGermanyGreeceJapanGermanyJapanUKUSGermanyUKUSGermanyGreeceItalyUSJapanUKJapanGermanyUKJapanGermany5,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's ..Arts & ..Roman..Histo..Sci-F..MysteryBooksWearable Tech..Headph..Cell PhonesCameraElectronicsRockJazzClassicalCount..Sound..ElectronicMusicMovieTVVideoDesktopsTabletsLa..Computers ..

Sunburst Control

This section shows Sunburst Control.

202420232022DecNovOctQ4SepAugJulQ3JuneMayAprQ2MarFebJanQ12024DecNovOctQ4SepAugJulQ3JuneMayAprQ2MarFebJanQ12023DecNovOctQ4SepAugJulQ3JuneMayAprQ2MarFebJanQ12022

FlexRadar Control

This section shows FlexRadar Control.

SalesDownloadsUSGermanyUKJapanItalyGreece50

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
America

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
0
  • Number
  • Date

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