2012-12-11 11 views
5

यह मुझे दीवार को चला रहा है। मैं सूचीदृश्य की ऊंचाई स्वचालित बनाने के तरीके को समझ नहीं सकता।जीत-सूचीदृश्य ऊंचाई कैसे सेट की जाती है? - विनजेएस

यानी सूची की ऊंचाई बढ़ने के लिए सभी जगहों पर कब्जा करने के लिए विस्तार किया गया है और बाहरी कंटेनर एक अतिप्रवाह-वाई स्क्रॉल सुविधा प्रदान करता है।

मुझे इस अनिश्चितता पर कोई दस्तावेज नहीं मिल रहा है।

सहायता बहुत बढ़िया होगी। धन्यवाद!

उत्तर

10

ListView नियंत्रण डिफ़ॉल्ट रूप से 400px लंबा होते हैं। यह ui-light.css फ़ाइल के 1421 लाइन पर है। आप अपने पृष्ठ पर एक नियम जोड़कर इसे ओवरराइड कर सकते हैं जैसे:

.win-listview { ऊंचाई: 100%;/* * (या आप '600px' की तरह कुछ के साथ पूरी तरह से निर्दिष्ट कर सकते हैं)/ }

देव केंद्र यह कहता है में this page पर ...

स्थापना ListView नियंत्रण की ऊंचाई

ListView आपकी सामग्री को फिट करने के लिए गतिशील रूप से अपनी ऊंचाई समायोजित नहीं करता है। प्रस्तुत करने के लिए ListView के लिए, आपको इसकी ऊंचाई के लिए एक पूर्ण मान निर्दिष्ट करना होगा। जावास्क्रिप्ट स्टाइल शीट्स के लिए विंडोज लाइब्रेरी ListView नियंत्रण की ऊंचाई 400 पिक्सल पर सेट करें।

एक डिजाइन दृष्टिकोण से, शायद आपको ListView पर लंबवत स्क्रॉलिंग नहीं करनी चाहिए। वे क्षैतिज रूप से तैयार किए जाने के लिए डिज़ाइन किए गए हैं (जैसे सामान्य रूप से ऐप्स हैं)। क्षैतिज और ऊर्ध्वाधर स्क्रॉलिंग का संयोजन एक अजीब उपयोगकर्ता अनुभव के लिए कर सकते हैं। मैंने इसके बारे में कुछ articles लिखा था।

+0

महान उत्तर! आपका बहुत बहुत धन्यवाद! मैंने क्षैतिज स्क्रॉलिंग का उपयोग करने के बारे में सोचा है, लेकिन कुछ पैटर्न के लिए यह काफी अजीब लगता है। जैसे एक लंबवत सूची वाले डाउनलोड की एक सूची बहुत अधिक उत्पादक और सहज महसूस करती है। – RadiantHex

+1

हाँ, मैं सहमत हूं। कभी-कभी यह सोचना मुश्किल होता है कि यह एक क्षैतिज सूची में कैसे फिट होगा। मैं हमेशा शीर्ष ऐप्स (जिसमें विशाल डिज़ाइन बजट होते हैं) से वास्तव में प्रभावित होते हैं और वे कैसे पता लगाते हैं कि उनकी सामग्री को क्षैतिज रूप से बेहतर तरीके से फिट करने के लिए कैसे पुन: व्यवस्थित किया जाए। मेरे कोडशो ऐप (aka.ms/codeshowapp) में मैं स्रोत कोड फ़ाइलों को दिखाता हूं और मैं क्षैतिज और लंबवत जोड़ता हूं। कभी-कभी इसके चारों ओर कोई रास्ता नहीं है। –

+2

स्नैपव्यू में, आपको ऊर्ध्वाधर स्क्रॉलिंग की आवश्यकता है ... – odupont

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

  • कोई संबंधित समस्या नहीं^_^