2011-02-19 13 views
9

मैं मूल पोर्टल पेज बनाने के लिए portlet function of JQuery UI का उपयोग कर रहा हूं। JQuery UI पृष्ठ पर उदाहरण 3 कॉलम और निश्चित आकार के पोर्टल के साथ एक बहुत ही सरल उदाहरण दिखाता है जो उन कॉलम में फिट बैठता है। इस तरह से संपर्क करने का कोई तरीका है कि विभिन्न आकार के पोर्टलों का उपयोग किया जा सकता है।JQuery पोर्टलेट - क्या अलग-अलग पोर्टल आकार होना संभव है?

1) एक portlet करवाने के लिए कि सभी 3 कॉलम तक फैला (3 * 1) 2) एक 2 * 1 portlet और एक 1 है करने के लिए:

विशेष रूप से, मैं क्षमता चाहते हैं अगर मैं 3 कॉलम * एक ही पंक्ति पर 1 पोर्टलेट, जिससे सभी 3 कॉलम 3 लेते हैं 3) इसमें कोई बदलाव है।

मैं बहुत सराहना करते हैं अगर कोई मुझे किसी भी संकेत दिए गए दे सकता हैं,

धन्यवाद

जेपी

उत्तर

14

http://jsfiddle.net/93F2T/

display as a grid के आधार पर। एक क्रमबद्ध का उपयोग करें, और पर्याप्त जगह नहीं होने पर अपने पोर्टल को अगली पंक्ति में लपेटने दें।

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

एलेक्सी, मैं sortables उदाहरण भर में आया था, लेकिन समाधान के साथ निम्न समस्याओं है: 1) वे नहीं तकनीकी रूप से portlets कर रहे हैं और बंद करने के लिए portlets की सुविधाओं (शीर्षक पट्टी, माउस के एक नंबर गायब होना दिखाई देते हैं, गिर इत्यादि) 2) उदाहरण में आपने प्रदान की चीजें बहुत कठिन कोडित हैं। क्या होगा यदि मैं तीसरी पंक्ति (1,2 के समान) जोड़ना चाहता हूं और दो पंक्तियों के बीच वस्तुओं को स्थानांतरित करना चाहता हूं। इसी प्रकार, अपने उदाहरण को पुन: व्यवस्थित करने के लिए मुझे div 3 को स्थानांतरित करना होगा (मैं div 3 से ऊपर div 1 और 2 को स्थानांतरित नहीं कर सकता) ... –

+0

1) मैंने इसे समझने में आसान बनाने के लिए किया, बस उन्हें पोर्टलेट से प्रतिस्थापित करें, मेरा अपडेट किया गया उदाहरण देखें। 2) आपको या तो सब कुछ एक क्रमबद्ध में रखना होगा, या jQuery ड्रैगगेबल्स के बिना अपने स्वयं के समाधान को कोड करना होगा। –

+0

एक इलाज किया, धन्यवाद! –

संबंधित मुद्दे