2011-02-19 47 views
9

我正在使用portlet function of JQuery UI來創建基本門戶頁面。 JQuery UI頁面上的示例顯示了一個非常簡單的示例,其中包含3列和適合這些列的固定大小的Portlet。有沒有一種方法可以使用不同大小的portlet。JQuery Portlet - 是否有可能具有不同的portlet大小?

具體地,如果我有3列我想的能力:

1)有一個門戶組件跨越所有3列(3 * 1) 2)有一個2 * 1 portlet並一個1 * 1 portlet在同一行,從而佔用全部3列 3)有任何變化。

我將不勝感激,如果任何人都可以給我任何指針,

謝謝

JP基於display as a grid

回答

14

http://jsfiddle.net/93F2T/

。使用一個可排序的,並且當沒有足夠空間時讓你的portlet換行到下一行。

.portlet { 
    display: inline-block; 
    vertical-align: top; 
} 
+0

阿列克謝,我遇到了sortables例子,但有解決以下問題:1)他們不是技術上的portlet,似乎缺少了一些門戶的特徵(標題欄,圖標收盤,倒塌等等)2)在你提供的例子中,非常硬編碼。如果我想添加第三行(類似於1,2)並在兩行之間移動項目,該怎麼辦?同樣,要重新排序你的例子,我必須移動div 3(我不能移動div 1和div 2以上的div)... – 2011-02-24 03:49:24

相關問題