How beautifully to arrange and, if possible, add and edit blocks of the organizing scheme of the company using Ajax?

The scheme may consist, for example, of the following org. units:

+----+--------------------+------+--------+-------+ | id | name | sub | parent | level | +----+--------------------+------+--------+-------+ | 1 | Board of directors | NULL | NULL | 0 | | 2 | D1 | 1 | 1 | NULL | | 3 | D2 | 1 | 1 | NULL | | 4 | D3 | 1 | 1 | NULL | | 5 | CEO | NULL | 1 | 1 | | 6 | CFO | NULL | 5 | 2 | | 7 | CTO | NULL | 5 | 2 | | 8 | Department 1 | NULL | 1 | 3 | | 9 | Department 2 | NULL | 6 | 3 | | 10 | Department 3 | NULL | 6 | 3 | | 11 | Department 4 | NULL | 7 | 3 | | 12 | Department 5 | NULL | 7 | 3 | +----+--------------------+------+--------+-------+

As a result, when processing received XML / JSON, approximately the following structure should be displayed:

orgschema

I am only interested in a tool that is most suitable for solving such a problem. Please note that it is important to consider the location of the blocks vertically (level), as well as nested blocks.

  • one
    The question is necessary and useful, I will follow the answers, as I am looking for myself :) - rjhdby

0