Server side Tree Structure Programming
The tree structure is often used in user interface of web applications. The tree UI is very useful and often used to make comprehensive UI. In this section, we are going to learn how to make the server side program of the tree UI by 2 examples.
Tree UI is used to show data with tree structure. The jQuery supports rich user interface (UI) applications.
On actual web application, the tree node has other data than the tree structure. The library support such a data structure.
As one of the example, The Alinous Document CMS uses the library.
The usability of web application with rich user interface is very important. Especially the state of the UI control is important.
On the case of Tree UI control, the state of the nodes, whether it is closed or opened, should be remembered when the user refresh the web page.
The Tree Table UI is user interface using both Tree and Table UI. But the main structure is Tree, therefore the server side program library for tree data structure is available for it.
The main part of using jqTree with dynamic data load from server side program.
On this jqTree widget, we can manipulate the elements on the tree. We can delete, move and add those elements. When the element of the trees changes, the server side program have to know that and synchronize the database.
Following page shows the server side program component to save the change of tree elements.
This program handling tree structure data is used frequently in the Alinous Document CMS.
Table UI is used to show record data to the web user. It is often used with Tree UI. And on the Wysiwyg Html Content Editor, you can use table tag and edit it.
The Tree Table programming example is available. This UI is also used in the CMS application's code debugger. When
you handle a lot of data using table interface and it is not proper to
show all of the records in the table, the UI is effective.
The Tree Table is user interface using both tree UI and table UI. This UI is used in Alinous Document CMS on showing Dom variables of the script debugger.
The example is to show the tree data, clear them, and get new data from ajax script.