JS/CSS/HTML中的动态布局

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

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

我想在客户端做到这一点，可能使用jQuery或/和Knockout.js或其他一些框架/库。

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

来源

2012-03-11 Alexey Raga

这个问题太开放了......什么是“这样做”的意思。 – charlietfl 2012-03-11 13:57:04

不知道这是否真的算作一个问题。这是相当开放的解释，但在这里。

定义您的LayoutViewmodel与一套多维observableArrays。多维数组中的每个索引对应一个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>

希望这会有所帮助。

来源

2012-03-12 18:43:04 madcapnmckay

这就是我想要做的。我希望有一个更聪明的方法... – 2012-03-12 22:51:33

JS/CSS/HTML中的动态布局

回答

相关问题