JS / CSS / HTML中的动态布局

Question

在我的应用程序中，用户定义文档布局。 这些布局在大多数情况下都是逻辑表，因此用户指定将在哪个单元格中显示哪个“属性”。它们还可以定义多个行和列以及属性将采用多少行或列（HTML术语中的collspan和rowspan）。

现在，对于给定的文档布局和一组文档，我需要在浏览器中显示它。

我想在客户端执行此操作，可能使用jQuery或/和Knockout.js，或其他一些框架/库。

在我开始重新发明轮子之前，有人能指出我正确的方向吗？

Answer 1

不确定这是否真的算作问题。它的解释相当开放，但现在就是这样。

使用一组多维observableArrays定义LayoutViewmodel。 multidimentional数组中的每个索引都对应一个Property对象，它保存有关rowspan，colspan等的数据（不确定你需要什么数据）。

使用foreach绑定显示布局。你最有可能有两个，一个用于选择，一个用于显示。以下是我对显示器的尝试。

<table data-bind="foreach: rows">
   <tr data-bind="foreach: columns">
       <td data-bind="attr: { colspan: colspan, rowspan: rowspan }, text: name">
       </td>
   </tr>
</table>

希望这有帮助。