Древовидная структура в asp.net MVC с JQuery

Question

Мне нужно создать древовидную структуру, используя jQuery в asp.net mvc Applicatiopn.

Позвольте мне описать мой сценарий: у меня есть две таблицы - Шаблон документа и Инструкции Шаблон документа содержит разные документы, а инструкции под этими документами есть в таблице инструкций.

Таблица DocumentTemplate выглядит следующим образом

Таблица инструкций имеет DocId в качестве внешнего ключа и выглядит следующим образом:

Я хочу дерево со структурой

TestDoc1 TestDoc1Instn1 TestDoc1Instn1.1 TestDoc2 TestDoc2Instn1 TestDoc2Instn2.1 TestDoc2Instn2.1.1 TestDoc2Instn2.2 TestDoc2Instn2.2.1 TestDoc2Instn2.2.2 TestDoc3 TestDoc3Instn1 TestDoc4 TestDoc4Instn1

Может ли кто-нибудь помочь мне в этом? Спасибо за всю помощь в до.

Answer 1

В моем Mvc Controls Toolkit у меня есть серверный элемент управления TreeView. Это также позволяет редактировать узлы, вставлять новые узлы и перемещать поддерево в другое место, перетаскивая его мышью. Все изменения автоматически отражаются в структурах данных на стороне сервера при публикации представления. Более того, все узлы являются шаблонными, и одно и то же дерево может иметь разные типы узлов. Посмотрите здесь: http://mvccontrolstoolkit.codeplex.com/wikipage?title=TreeView

Answer 2

Я могу предложить вам два решения (в зависимости от того, как вы хотите представить свои данные): плагин jQuery TreeView ( Пример использования для ASP.NET MVC ) или плагин jqGrid Функциональность TreeGrid ( Использование образец для ASP.NET MVC )