DHTMLX Docs & Samples Explorer

List of initialization properties

Common initialization options

  • parent - string or object, id of container, where tree will be initialized, mandatory
  • image_path - string, path to image folder, which will be used for icons in tree
  • width - {string} width of tree, can be defined in pixels or in percents
  • height - {string} height of tree, can be defined in pixels or in percents
  • root_id - {string} id of virtual root item

Drag and Drop

Extensions

  • auto_save_selected - {boolean}, enable/disable autosaving selected node in cookie ( enableAutoSavingSelected )
  • auto_tooltip - {boolean}, enable auto tooltips (node text as tooltip) ( enableAutoTooltips )
  • checkbox_smart - {boolean}, enable smart checkboxes ,true by default (auto checking children and parents for 3-state checkboxes) ( enableSmartCheckboxes )
  • distributed_parsing - {boolean}, enable distributed parsing of big tree (items loaded portion by portion with some timeouts) ( enableDistributedParsing )
  • images - {boolean}, enable tree images ( enableTreeImages )
  • image_fix - {boolean}, replace IMG tag with background images - solve problem with IE image caching , not works for IE6 SP1 ( enableIEImageFix )
  • lines - {boolean}, enable/disable tree lines (parent-child threads) ( enableTreeLines )
  • loading_item - {boolean}, enable/disable “Loading…” item ( enableLoadingItem )
  • navigation - {boolean}, enable keyboard navigation in tree ( enableKeyboardNavigation )
  • radio - {boolean}, replace checkboxes with radio buttons ( enableRadioButtons )
  • radio_single - {boolean}, replace checkboxes with radio buttons ( enableSingleRadioMode )
  • rtl - {boolean}, enables Right-to-Left mode in tree ( enableRTL )
  • search - {boolean}, enable search items by pressing keys (any item in tree should be focused/selected to make search work) ( enableKeySearch )
  • smart_rendering - {boolean}, enables smart rendering mode (usefull for big trees with lots f items on each level) ( enableSmartRendering )
  • text_icons - {boolean}, replace images with text signs ( enableTextSigns )

Events

any event can be assigned by using property equal to event name

	tree = new dhtmlXTreeObject({
		parent:"a_tree",
		onClick:function(){
			alert("I'm clicked");	
		}
	});