Extjs Column Tree by Deluxe-Tree.com
Extjs Column Tree


Buy Now!  Free Trial Download

Menu Screenshots Extjs Column Tree

Extjs Column Tree Tree Webmenu Creator

Features Extjs Column Tree

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Seamless Integration
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Popup Tree Window Open Extjs Column Tree
Cost Effective
Unrivalled Features
  • Scrollable, dragable, floating
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs column tree menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!
  • When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

Recent Questions Extjs Column Tree

Q: I need to use an iframe within the popup window.
Is there any way I can close the dhtml window from the page loaded within the iframe?


A: You can close the popup using the following function:

document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot access
document.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situated
on the same page so you can access document.getElementById('win') element and hide it.

There is a workaround.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a><iframe></iframe>

Your link will work in that case.



Q: I didn't specify link for the item, but the problem is the mouse cursorchanges to a hand, when the item of the web navigation bar (not link) is mouse over.

A: Unfortunately there is no way to change cursor for items with links and without links.

You can try to use <a> tag inside the text field:

["<a href="http://domain.com/index.html">test</a>","",""]



Set default cursor:
  var titemCursor="default";




Q: I have 6 menu items that are ALL graphics...they can't just be background images because they all have graphic text, so the rollovers are unique to each menu item. I just need it to function like a typical rollover with images.


A: Yes, you can create such menu.

You should write your menu items in the following way:
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],



Q: We want to create a hyperlink (lets say google.com) to the item (eg. Industry,International Airlines etc) and display it in the dataframe.

For eg On clicking the 'International Airlines', the hyperlinked content should be displayed on the DataFrame along with expanding the navigation items. Right now it just expands the navigation , but the link doesn't work.

The hyperlink works fine for the subitems. We want to do the same for the main items as well.


A: You can write your top items in the following way:

["<a href='http://google.com' target='DataFrame' style='color: #000; text-decoration: none;'>International Airlines</a>","", "", "", "", "","DataFrame", "", "", ],