基于数据集的动态HTML网格

时间:2012-01-07 20:17:06

标签: html css grails groovy

我对Grails和Groovy以及整个网络开发都非常陌生,所以如果这个问题看起来太多,请耐心等待我,我一直都在专注于桌面开发。

我正在尝试创建一个Web应用程序,允许用户将屏幕上的对象(拖放)从一列移动到另一列。想象一下,允许用户将事物组织成各种组,每个组都有自己的列。此外,用户应该能够创建或删除他们喜欢的任何组。 (创建/删除组部分我已经在Groovy代码中得到了处理)。

我的问题是,在视图/ HTML代码中,如何让网站在创建网格方面变得动态?我需要为每个组提供一个列,但是存在的组的数据集不是静态的,所以理论上我永远不知道我实际需要多少列。我还需要对行执行相同的操作,但我希望对行执行此操作与为列执行操作大致相同。

感谢您提供的任何帮助。干杯!

更新 我在视图中看到Groovy用于遍历项目列表并创建一个动态项目符号列表,如下所示

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

我是否应该尝试这样的动态创建<table>对象?这似乎有用,但可能不是最佳方式。

1 个答案:

答案 0 :(得分:2)

查看 JavaScript jQuery ,更具体地说, jQuery UI Draggable < / strong>和 Droppable