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中的動態佈局

回答

相關問題