Demonstrates most functions of the list control:
You can reorganize and resize the columns, drag items to change thier order, and use SHIFT and CTRL keys to select multiple items.
Output:
Test cases:
Change display mode:
list
|
grid
|
table
| thumb:
80px
100px
Options:
Allow multi-select
Allow item reordering
Allow column move
Allow column sort
Allow column resizing
Enable table row coloring
Spread columns in available width
Add random items
Add one random item
Move selected item UP (most recent)
Move selected item DN (most recent)
Move selected item to 2 (most recent)
Scroll to selected item (most recent)
Enable/Disable:
enable 2nd
|
disable 2nd
Set selected item icon (most recent):
Icon 16:
url
|
sprite
|
null
Icon 32:
url
|
sprite
|
null
Thumb:
url
|
null
Change selected item data:
Put
:
in data index:
Name
|
id
|
dept
|
loc.
Remove selected items
Remove ALL items
Select all/clear:
Select All
|
Clear
Show icons in table mode:
Yes
|
No
Spread columns:
spread once
Add column:
at index:
(at end)
0
1
2
with width:
200
150
80
using data:
(Select data)
Name
Id
Department
Location
Age
Type
Account No.
Phone
Member Since
Remove column:
at index:
0
|
1
|
2
|
3
|
4
|
5
Resize column:
select width:
203
151
77
20
Apply to:
(Select Column)
0
1
2
3
4
5
Rename column:
Apply
:
to col header:
0
|
1
|
2
|
3
|
4
|
5
Add event handler
Remove event handler