List Views
Lists present multiple line items vertically as a single continuous element.
- Basic list item
- List item with badge 14
- List header
- Active list item
- List item with switcher
- Disable list item
Single-line list
Two-line list
Are you free tonight?
Beni Arisandi – Fuga quis quod voluptas mollitia aliquid alias tenetur. Laboriosam asperiores cupiditate aperiam!
RE: Your trip to Montreal 6
Diane Peters – Consectetur quis veritatis aut maiores omnis, expedita officiis delectus perspiciatis a dolores.
Invitation: Joe's Dinner @ Fri Aug 22
Me, Jennifer, Alex – Officiis numquam, repellat nam tempore sit aliquid nostrum autem excepturi quis nihil.
The Perfect Gift For Everyone On Your List
Zachary Fowler – Ad earum dolore excepturi itaque officia vel fugiat quo, quisquam dicta ex.
Three-line list
Are you free tonight?
Beni Arisandi
Fuga quis quod voluptas mollitia aliquid alias tenetur. Laboriosam asperiores cupiditate aperiam!
RE: Your trip to Montreal 6
Diane Peters
Consectetur quis veritatis aut maiores omnis, expedita officiis delectus perspiciatis a dolores.
Invitation: Joe's Dinner @ Fri Aug 22
Me, Jennifer, Alex
Officiis numquam, repellat nam tempore sit aliquid nostrum autem excepturi quis nihil.
The Perfect Gift For Everyone On Your List
Zachary Fowler
Ad earum dolore excepturi itaque officia vel fugiat quo, quisquam dicta ex.
Beni Arisandi
Are you free tonight?
Fuga quis quod voluptas mollitia aliquid alias tenetur. Laboriosam asperiores cupiditate aperiam!
Diane Peters
RE: Your trip to Montreal 6
Consectetur quis veritatis aut maiores omnis, expedita officiis delectus perspiciatis a dolores.
Me, Jennifer, Alex
Invitation: Joe's Dinner @ Fri Aug 22
Officiis numquam, repellat nam tempore sit aliquid nostrum autem excepturi quis nihil.
Zachary Fowler
The Perfect Gift For Everyone On Your List
Ad earum dolore excepturi itaque officia vel fugiat quo, quisquam dicta ex.
Media list
Form-element list
Treeview
jQuery tree plugin, that provides interactive trees. Supports HTML & JSON data sources, AJAX & async callback loading.
Basic
- Root
- Directory
- File Unread
- Another directory
- File text
- File word
- File excel
- File powerpoint
- File pdf
- File archive
- File image
- File audio
- File video
- Something else
- File node
JSON data
Ajax
Working with events
Let's use the most basic event changed - it fires when selection on the tree changes: