Chat  3

Willard MckenzieOnline

  • John Doe09:33

    Hi Swlabs, we have some comments for you.

  • Swlabs09:33

    Hi, we're listening you...

Tree View
  1.  Home    
  2. UI-advanced    
  3. Tree View
  report 

Basic markup

  • Dashboard
  • Frontend

Nodes with children

Setting initial state with classes

Setting initial state with data attribute

  • Table
    • Basic Table
    • Responsive Table
    • Action Table

Loading with AJAX

  • General
  • UI-Element

Custom 1

Custom 2

Checkbox plugin

  • UI-Element
    • Progress Bars
    • Editors

Contextmenu plugin

  • Root node
    • Context click me

Drag & drop plugin

  • UI-Element
    • Buttons
    • Tabs
  • Form

Search plugin

  • UI-Element
    • Buttons
    • Tabs
  • Form

Sort plugin

  • Root node
    • 2
    • 1
    • 3
    • 0
  • Root node 2

State plugin

  • Root node
    • A
    • few
    • more
    • nodes
  • Root node 2

Types plugin

  • Root node
    • Node
  • Root node 2

Unique plugin

  • Root node
    • Node
  • Root node 2
    • Node

Wholerow plugin

  • Root node
    • Node
  • Root node 2

Basic jQuery treetable Example

Tree column Additional data
Node 1: Click on the icon in front of me to expand this branch. I live in the second column.
Node 1.1: Look, I am a table rowandI am part of a tree! Interesting.
Node 1.1.1: I am part of the tree too! That's it!
Node 2: I am another root node, but without children Hurray!

Basic Static Tree

app
controllers
application_controller.rb
helpers
models
views

Basic Expandable Tree

app
controllers
application_controller.rb
helpers
models
views

Complex Tree With Drag and Drop

This example uses jQuery UI 's Draggable and Droppable components. The tree has 459 nodes.

 
Examples: 2-1-1 , 3-1-1-2-2 and 3-2-1-2-3-1-2-2-1-1-1-1-2-5
Expand all  |  Collapse all
Name Kind Size
Acknowledgements.rtf File 480.95 KB
CHUD Folder --
amber Folder --
AmberTraceFormats.pdf File 124.46 KB
BigTop Folder --
BigTopUserGuide.pdf File 1314.71 KB
Saturn Folder --
SaturnUserGuide.pdf File 694.29 KB
Shark Folder --
SharkUserGuide.pdf File 12902.51 KB
simg4 Folder --
simg4_plus Folder --
simg5 Folder --
DocSets Folder --
com.apple.ADC_Reference_Library.CoreReference.docset Folder --
Contents Folder --
Info.plist File 1.23 KB
Resources Folder --
docSet.dsidx File 41504 KB
docSet.skidx File 43072 KB
Documents Folder --
documentation Folder --
Accessibility Folder --
Reference Folder --
AccessibilityCarbonRef Folder --
CarbonAXRefRevisions Folder --
CarbonAXRefRevisions.html File 7.44 KB
Index Folder --
index_of_book.html File 174.1 KB
index.html File 1.1 KB
Reference Folder --
reference.html File 196.28 KB
toc.html File 15.92 KB
AccessibilityLowlevel Folder --
accessibility Folder --
CompositePage.html File 5.7 KB
index.html File 1.67 KB
toc.html File 2.87 KB
accessibility-constants.html File 26.94 KB
accessibility-datatypes.html File 11.02 KB
accessibility-functions.html File 15.55 KB
accessibility-mpindex.html File 9.87 KB
AXActionConstants Folder --
CompositePage.html File 15.08 KB
index.html File 1.67 KB
toc.html File 4.9 KB
AXAttributeConstants Folder --
AXError Folder --
AXNotificationConstants Folder --
AXRoleConstants Folder --
AXTextAttributedString Folder --
AXUIElement Folder --
AXValue Folder --
AXValueConstants Folder --
index.html File 10.1 KB
UniversalAccess Folder --
adcstyle.css File 15.86 KB
AppleApplications Folder --
Reference Folder --
AddressBookC_Collection Folder --
Index Folder --
index_of_book.html File 153.98 KB
index.html File 13.62 KB
Introduction Folder --
Introduction.html File 5.41 KB
RevisionHistory.html File 4.66 KB
AddressBookRefUpdate Folder --
Articles Folder --
AddressBook_10.1-10.2_SymbolChanges.html File 80.84 KB
AddressBook_10.2-10.3_SymbolChanges.html File 54.2 KB
AddressBook_10.3-10.4_SymbolChanges.html File 14.78 KB
AddressBook_10.4-10.5_SymbolChanges.html File 11.03 KB
Introduction.html File 7.3 KB
RevisionHistory.html File 6.19 KB
index.html File 1.08 KB
toc.html File 2.84 KB
AMWorkflow_class Folder --
AMWorkflowController_class Folder --
AMWorkflowView_Class Folder --
AppleApp_Aperture_002 Folder --
Automator_constants Folder --
AutomatorFramework Folder --
AutomatorReference Folder --
AutomatorRefUpdate Folder --
CalendarStoreFramework Folder --
CalendarStoreReference Folder --
CalendarStoreRefUpdate Folder --
Dashboard_Ref Folder --
FinalCutPro_XML Folder --
InstantMessageFramework Folder --
InstantMessageFrameworkRef Folder --
InstantMessageRefUpdate Folder --
iSyncJavaScriptRef Folder --
iSyncManualTestSuiteRef Folder --
iSyncSyncMLRef Folder --
MessageFrameworkReference Folder --
Motion_FXPlug_Ref Folder --
SafariCSSRef Folder --
SafariHTMLRef Folder --
SyncServicesRefUpdate Folder --
SyncServicesSchemaRef Folder --
WebKitDOMRef Folder --
AppleScript Folder --
Reference Folder --
StudioReference Folder --
art Folder --
boxes.gif File 11.52 KB
browser.gif File 26.04 KB
button_in_window.gif File 8.17 KB
cc_app_info_window.gif File 24.36 KB
circular_prog_indicator.gif File 0.65 KB
color_panel.jpg File 24.91 KB
color_well.gif File 7.58 KB
combobox.gif File 1.44 KB
comboboxlist.gif File 4.12 KB
display_alert.gif File 28.69 KB
display_dialog.gif File 28.42 KB
doc_exp_groups.gif File 22.52 KB
drawer.gif File 34.4 KB
drawer_content_view.gif File 8.21 KB
drawer_instances_in_nib.gif File 20.97 KB
drawers_in_palette.gif File 17.34 KB
files_owner_in_nib.gif File 15.24 KB
font_panel.gif File 17.16 KB
hw_exp_grps_files.gif File 15.35 KB
ib_number_formatter.gif File 1.46 KB
image_tab_mainmenu_nib.gif File 12.33 KB
image_view_from_app.gif File 17.18 KB
matrix.gif File 7.36 KB
menu_item.gif File 16.85 KB
menu_showing_file_menu.gif File 17 KB
movie_view.gif File 34.76 KB
number_formatter_info.gif File 24.8 KB
open_panel.gif File 32.06 KB
outline_view.gif File 18.7 KB
popup_button.gif File 6.76 KB
progindindet.gif File 3.78 KB
save_panel.gif File 39.43 KB
secure_text_field.gif File 9.91 KB
simple_toolbar.gif File 10.4 KB
sliders.gif File 11.01 KB
sounds_in_nib_window.gif File 22.26 KB
split_view.gif File 15.73 KB
stepper.gif File 1.08 KB
table_app.gif File 22.72 KB
table_view.gif File 14.55 KB
tabview.gif File 24.86 KB
text_fields.gif File 7.1 KB
text_view.gif File 12.18 KB
to_do_outline.gif File 15.4 KB
window.gif File 6.41 KB
Index Folder --
index.html File 1.13 KB
sr10_panel_suite Folder --
sr10_pplugin_suite Folder --
sr11_textview_suite Folder --
sr1_about Folder --
sr2_fundamentals Folder --
sr3_app_suite Folder --
sr4_container_suite Folder --
sr5_control_suite Folder --
sr6_data_suite Folder --
sr7_doc_suite Folder --
sr8_drag_drop_suite Folder --
sr9_menu_suite Folder --
sr_history Folder --
toc.html File 132.84 KB
Carbon Folder --
Cocoa Folder --
CoreFoundation Folder --
css Folder --
Darwin Folder --
DeveloperTools Folder --
DeviceDrivers Folder --
Games Folder --
GraphicsImaging Folder --
Hardware Folder --
HardwareDrivers Folder --
images Folder --
index-date.html File 74.06 KB
index-date0.html File 284.1 KB
index-date2.html File 73.94 KB
index-date3.html File 74.4 KB
index-date4.html File 75.11 KB
index-date5.html File 41.11 KB
index-rev-date.html File 49.03 KB
index-rev-revision.html File 49.01 KB
index-rev-title.html File 49.03 KB
index-rev-topic.html File 71.41 KB
index-rev-topic0.html File 93.76 KB
index-rev-topic2.html File 29.61 KB
index-title.html File 73.91 KB
index-title0.html File 284.11 KB
index-title2.html File 74.7 KB
index-title3.html File 73 KB
index-title4.html File 74.15 KB
index-title5.html File 42.91 KB
index-topic.html File 72.46 KB
index-topic0.html File 601.26 KB
index-topic10.html File 74.41 KB
index-topic2.html File 73.6 KB
index-topic3.html File 72.47 KB
index-topic4.html File 71.89 KB
index-topic5.html File 73.89 KB
index-topic6.html File 73.1 KB
index-topic7.html File 70.55 KB
index-topic8.html File 71.25 KB
index-topic9.html File 72.56 KB
index.html File 20.65 KB
Internationalization Folder --
InternetWeb Folder --
iPhone Folder --
js Folder --
LegacyTechnologies Folder --
MacOSX Folder --
MacOSXServer Folder --
MusicAudio Folder --
Networking Folder --
OpenSource Folder --
Performance Folder --
Porting Folder --
Printing Folder --
QuickTime Folder --
Resources Folder --
ScriptingAutomation Folder --
Security Folder --
Storage Folder --
TextFonts Folder --
UserExperience Folder --
WebObjects Folder --
referencelibrary Folder --
adc.css File 1.46 KB
base.css File 1.08 KB
images Folder --
body_bg.gif File 0.24 KB
main_bgbottom.gif File 2.35 KB
main_bgtop.gif File 6.88 KB
main_bgtop_stroke.gif File 7.62 KB
UpdateBanner_core.png File 24.25 KB
index.html File 1.15 KB
version.plist File 0.44 KB
com.apple.ADC_Reference_Library.DeveloperTools.docset Folder --
Contents Folder --
Info.plist File 1.33 KB
Resources Folder --
docSet.dsidx File 2752 KB
docSet.skidx File 5664 KB
Documents Folder --
documentation Folder --
adcstyle.css File 15.86 KB
AppleApplications Folder --
AppleApplications.html File 0.22 KB
Conceptual Folder --
Dashcode_UserGuide Folder --
Contents Folder --
Resources Folder --
de.lproj Folder --
Advanced Folder --
chapter_8_section_1.html File 6.71 KB
chapter_8_section_2.html File 7.93 KB
chapter_8_section_3.html File 6.38 KB
Art Folder --
apple_birthday_widget.jpg File 33.5 KB
canvas_inspector.jpg File 71.75 KB
countdown_attributes.jpg File 46.69 KB
project_window.jpg File 107.57 KB
source_code_inspector.jpg File 76.19 KB
webapp_add_code.jpg File 85.65 KB
webapp_add_part.jpg File 108.16 KB
webapp_first_test.jpg File 86.82 KB
webapp_project_window.jpg File 152.27 KB
chapter_999_section_1.html File 6.3 KB
CodeAndDebugging Folder --
Dashcode_UserGuide.pdf File 1875.27 KB
DebuggingSharing Folder --
DesignTools Folder --
index.html File 1.11 KB
Introduction Folder --
MakingaWebApp Folder --
MakingaWidgetwithDashcode Folder --
PartsReference Folder --
Templates Folder --
toc.html File 38.57 KB
WidgetProjects Folder --
en.lproj Folder --
Advanced Folder --
chapter_8_section_1.html File 6.6 KB
chapter_8_section_2.html File 7.4 KB
chapter_8_section_3.html File 6.24 KB
Art Folder --
chapter_999_section_1.html File 6.2 KB
CodeAndDebugging Folder --
Dashcode_UserGuide.pdf File 1087.36 KB
DebuggingSharing Folder --
DesignTools Folder --
index.html File 1.09 KB
Introduction Folder --
MakingaWebApp Folder --
MakingaWidgetwithDashcode Folder --
PartsReference Folder --
Templates Folder --
toc.html File 38.11 KB
WidgetProjects Folder --
es.lproj Folder --
fr.lproj Folder --
it.lproj Folder --
ja.lproj Folder --
nl.lproj Folder --
zh.lproj Folder --
Dashboard-date.html File 10.88 KB
Dashboard-rev-date.html File 8.85 KB
Dashboard-rev-revision.html File 8.83 KB
Dashboard-rev-title.html File 8.85 KB
Dashboard-title.html File 10.71 KB
index-date.html File 11.79 KB
index-rev-date.html File 9.38 KB
index-rev-revision.html File 9.36 KB
index-rev-title.html File 9.37 KB
index-rev-topic.html File 9.37 KB
index-title.html File 11.78 KB
index-topic.html File 12.39 KB
index.html File 7.24 KB
iSync-date.html File 8.17 KB
iSync-title.html File 8 KB
Carbon Folder --
Carbon.html File 0.21 KB
DesignGuidelines-date.html File 9.93 KB
DesignGuidelines-rev-date.html File 7.45 KB
DesignGuidelines-rev-revision.html File 7.44 KB
DesignGuidelines-rev-title.html File 7.45 KB
DesignGuidelines-title.html File 9.77 KB
index-date.html File 19.66 KB
index-rev-date.html File 12.35 KB
index-rev-revision.html File 12.33 KB
index-rev-title.html File 12.34 KB
index-rev-topic.html File 12.98 KB
index-title.html File 19.65 KB
index-topic.html File 22.64 KB
index.html File 10.96 KB
IntelBasedMacs-date.html File 10.5 KB
IntelBasedMacs-title.html File 10.33 KB
Performance-date.html File 9.14 KB
Performance-title.html File 8.98 KB
Porting-date.html File 8.78 KB
Porting-title.html File 8.63 KB
Tools-date.html File 16.03 KB
Tools-rev-date.html File 10.85 KB
Tools-rev-revision.html File 10.83 KB
Tools-rev-title.html File 10.84 KB
Tools-title.html File 15.88 KB
UserExperience-date.html File 8.85 KB
UserExperience-title.html File 8.69 KB
Cocoa Folder --
CoreFoundation Folder --
css Folder --
Darwin Folder --
DeveloperTools Folder --
GraphicsImaging Folder --
HardwareDrivers Folder --
images Folder --
index-date.html File 38.14 KB
index-rev-date.html File 20.91 KB
index-rev-revision.html File 20.89 KB
index-rev-title.html File 20.9 KB
index-rev-topic.html File 45.06 KB
index-title.html File 38.14 KB
index-topic.html File 77.78 KB
index.html File 17.08 KB
Internationalization Folder --
InternetWeb Folder --
Java Folder --
js Folder --
LegacyTechnologies Folder --
MacOSX Folder --
OpenSource Folder --
Performance Folder --
Porting Folder --
Resources Folder --
ScriptingAutomation Folder --
UserExperience Folder --
Xcode Folder --
featuredarticles Folder --
adcstyle.css File 15.86 KB
AppleApplications Folder --
idxDashboard-date.html File 8.35 KB
idxDashboard-title.html File 8.24 KB
index-date.html File 8.52 KB
index-title.html File 8.51 KB
index-topic.html File 8.51 KB
index.html File 6.46 KB
Carbon Folder --
Cocoa Folder --
css Folder --
DeveloperTools Folder --
Games Folder --
images Folder --
index-date.html File 16.03 KB
index-title.html File 16.03 KB
index-topic.html File 19.32 KB
index.html File 10.98 KB
js Folder --
LegacyTechnologies Folder --
ScriptingAutomation Folder --
UserExperience Folder --
index.html File 0.23 KB
qa Folder --
reference Folder --
referencelibrary Folder --
releasenotes Folder --
samplecode Folder --
technicalnotes Folder --
technicalqas Folder --
technotes Folder --
version.plist File 0.44 KB
iPhone SDK License.rtf File 37.93 KB
Perl Folder --
wxPerl Folder --
INSTALL.pod File 8.26 KB
todo.txt File 2.3 KB
Python Folder --
PyObjC Folder --
announcement.txt File 2.33 KB
api-notes-macosx.html File 30.09 KB
api-notes-macosx.txt File 18.37 KB
C-API.html File 11 KB
C-API.txt File 8.67 KB
coding-style.html File 4.53 KB
coding-style.txt File 2.92 KB
gnustep.html File 1.96 KB
gnustep.txt File 1.52 KB
index.html File 2.75 KB
index.txt File 2.64 KB
intro.html File 44.82 KB
intro.txt File 38.38 KB
protocols.html File 3.48 KB
protocols.txt File 2.79 KB
PyObjCTools.html File 10.96 KB
PyObjCTools.txt File 7.9 KB
Quartz Folder --
api-notes.txt File 1.47 KB
release-process.html File 3.83 KB
release-process.txt File 2.65 KB
structure.html File 6.55 KB
structure.txt File 5.1 KB
TODO.html File 13.49 KB
TODO.txt File 9.06 KB
tutorial Folder --
tutorial_embed Folder --
tutorial_reading.html File 12.85 KB
tutorial_reading.txt File 11.12 KB
website.lst File 0.58 KB
wrapping.html File 6.04 KB
wrapping.txt File 5.2 KB
xcode Folder --
Xcode-Templates.html File 13.97 KB
wxPython Folder --
RubyCocoa Folder --
wxWidgets Folder --
Xcode Tools License.rtf File 18.79 KB