2012-01-07 3 views
-1

Я чрезвычайно новичок в Grails и Groovy и даже в веб-разработке в целом, поэтому, если этот вопрос кажется слишком сложным, пожалуйста, не стесняйтесь, я всегда был сфокусирован на разработка настольных систем.Динамическая HTML-сетка на основе набора данных

Я пытаюсь создать веб-приложение, которое позволяет пользователям перемещать объекты вокруг (перетаскивание) на их экране из одного столбца в другой. Представьте себе что-то, что позволяет пользователям организовывать вещи в разные группы, и каждая группа имеет свой собственный столбец. Кроме того, пользователи должны иметь возможность создавать или удалять любые группы, которые они хотели бы. (Создание/удаление группы, которую я получил в коде Groovy).

Мой вопрос в том, как, в виде/HTML-коде, я могу заставить сайт быть динамичным с точки зрения создания сетки? Мне нужен один столбец для каждой группы, но набор наборов данных, которые существуют, не будет статическим, поэтому теоретически я никогда не узнаю, сколько столбцов мне действительно нужно. Мне также нужно сделать то же самое для строк, но я ожидаю, что выполнение этого для строк будет более или менее таким же, как для столбца.

Спасибо за любую помощь, которую вы можете предоставить. Ура!

UPDATE: Я вижу Groovy используется в целях перебирать список элементов и создать динамический маркированный список, как этот

<g:each in="${ group }" var = "group"> 
<li> ${ group.name } </li> 

Должен ли я просто попробовать что-то подобное, чтобы динамически создавать a <table> объект? Кажется, что это сработает, но может и не быть лучшим способом.

+1

Ничего подобного дайвинг в глубоком конце бассейна на первом выезде. Когда вы делаете что-либо динамическое на клиенте - например, перетаскивание - вы, вероятно, собираетесь использовать javascript или одну из своих пользовательских реализаций, таких как jQuery. – DOK

+0

Если вы когда-либо смотрели [iGoogle] (http://www.google.com/ig), у них очень хороший интерфейс перетаскивания с несколькими колонками. Можете дать вам некоторые идеи для реализации своих собственных. – Wex

ответ

2

Посмотрите на JavaScript, jQuery и более конкретно, jQuery UIDraggable и Droppable.

+0

Хотя я, безусловно, вижу, насколько это полезно, когда я получаю возможность создания перетаскивания с элементами, я не совсем уверен, как это помогает мне просто создать сетку. – JToland

+0

См. HTML-таблицы и ссылку «Droppable» выше. –

Смежные вопросы