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
  • skin - {string} changes menu skin(setSkin)
  • align - {string} set top level menu align(setAlign)
  • auto_hide - {boolean} sets to false to prevent hiding a contextual menu by a click(setAutoHideMode)
  • auto_show - {boolean} sets to false to prevent showing a contextual menu by a click(setAutoShowMode)
  • caption - {string} set top level additional text (in case of usual menubar)(setTopText)
  • context - {boolean} renders menu as contextual(renderAsContextMenu)
  • dynamic - {string} enables dynamic loading of sublevels(enableDynamicLoading)
  • icon_path - {string} defines an url where necessary user embedded icons are located(setIconsPath)
  • open_mode - {string} sets open mode for the menu(setOpenMode)
  • rtl - {boolean} set right-to-left mode(setRTL)
  • xml - {string}, url of data xml file

Menu's items

menu items can be defined through items collection

menu = new dhtmlXMenuObject({
		parent:"a_menu",
		items:[
                   {id:"t1", text:"Top 1", items:[
                         {id:"ch1", text:"child 1"},
                         {id:"ch2", text:"child 2"}
                   ]}
                ]
	});

Each item can have next attributes

  • id - {string} id of menu item
  • text - {string} caption of menu item
  • img - {sting} url of image related to menu item
  • disabled - {boolean} disabled state
  • img_disabled - {sting} url which will be used for item in disabled state

Events

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

	menu = new dhtmlXMenuObject({
		parent:"a_menu",
		onClick:function(){
			alert("Item was clicked");	
		}
	});