2011-11-21 51 views
0

我想創建一個樹表使用backbone.js + jQuery顯示文件。如何在Backbone.js + jQuery中創建樹表?

我遇到了佈局問題。我目前有一個視圖代表整個表格,另一個視圖代表一行。
問題是,如何考慮文件夾中的文件(即本例中的子行)?文件的數據在邏輯上屬於它們的文件夾,這意味着它們將屬於一行數據。那麼我怎麼能得到一行來創建其他行,通過HTML不是孩子,而是兄弟姐妹?

+0

你想如何在HTML中表示樹? – Thomas

回答

0

table的問題在於它是平坦的數據,而不是樹型數據。 我會找到一種方法來修改我的數據顯示,從一棵樹變成一個平坦的結構。

可以說你的樹是一個文件夾的集合,每個文件夾都有它們的文件集合等等。 爲什麼不使用文件模型中的文件夾屬性將它解壓縮到所有文件(來自所有文件夾)的json blob。

你現在可以完美循環通過你的文件創建每個文件的新行 取決於你可以在你的視圖中添加不同的東西,如collspans或特殊css樣式類。

另一種解決方案是拋出了table想法,並使用divul代替, 那麼你可以用你的樹結構,一個div爲父工作,每個文件/子文件夾的子元素。

+0

我喜歡div的想法,唯一的問題是:我如何強制列邊界? – chacham15

+0

我同意div佈局不是最簡單的工作,如果你有表格數據,你不會在div中找到自動縮放解決方案,但你可以用一些很好的css創建一個列布局。你只需要正確定義div的寬度。並將單元格放在父div(行)中,然後將行放入父div(行組)中,然後可以將其用作文件夾視圖。 – Sander