html - 基于数据集的动态 HTML 网格

标签 html css grails groovy

我对 Grails 和 Groovy 甚至一般的 Web 开发都非常陌生,所以如果这个问题看起来太愚蠢,请耐心等待,我一直专注于桌面开发。

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

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

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

更新: 我看到 View 中使用了 Groovy 来遍历元素列表并创建这样的动态元素符号列表

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

我是否应该尝试类似的方法来动态创建一个 <table>目的?这似乎可行,但可能不是解决问题的最佳方式。

最佳答案

看看 JavaScript , jQuery 更具体地说, jQuery UI Draggable Droppable .

关于html - 基于数据集的动态 HTML 网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8772761/

相关文章:

javascript - 跨屏幕的 CSS 线性动画

html - CKEditor v4 : Indent after heading

php - Bootstrap 下推列

单击带有 border-radius 的 div 下的链接

java - Grails 中日期格式的错误输出

Grails 2.2.3 在类路径上找不到 Spock

javascript - 在 ng-repeat 中单独将样式应用于一个字段

jquery - $(window).height() 似乎不准确

grails - 域类如何将 'all-delete-orphan'级联到它没有引用的子级?

javascript - 复制图像 URL 并粘贴到单独页面的表单中