2012-03-21 12 views
7

2 पैनल:Sencha स्पर्श 2 सूची 100% ऊंचाई

Ext.create('Ext.Container', { 
    fullscreen: true, 
    layout: 'hbox', 
    items: [ 
     { 
      xtype: 'panel', 
      html: 'message list', 
      flex: 1, 
      items: [ 
       { 
        xtype: 'list', 
        itemTpl: '{title}', 
        data: [ 
         { title: 'Item 1' }, 
         { title: 'Item 2' }, 
         { title: 'Item 3' }, 
         { title: 'Item 4' } 
        ] 
       } 
      ] 
     }, 
     { 
      xtype: 'panel', 
      html: 'message preview', 
      flex: 3 
     } 
    ] 
}); 

कोई ऊंचाई विशेषता पहले पैनल सूची ऑब्जेक्ट में निर्दिष्ट है, इसलिए यह प्रदर्शन के लिए उपलब्ध नहीं है। मैं xtype में '100% ऊंचाई कैसे सेट कर सकता हूं:' सूची '?

उत्तर

13

आपको सूचियां कंटेनर एक लेआउट देने की आवश्यकता है ताकि यह अपने बच्चों (सूची) को फैलाए।

layout: 'fit' 

का उपयोग फिट अपने पैनल के आकार के फैलाने के लिए सभी बच्चों को (अपने मामले में केवल सूची) बनाने के लिए अपने पैनल बता देंगे।

Example of this on Sencha Fiddle

And here is a great guide on all the available layouts in Sencha Touch 2.0

+0

यह है। धन्यवाद –

+0

सेन्चा दस्तावेज़ों का उल्लेख यह है ... "कृपया ध्यान दें कि यदि आप फिट लेआउट वाले कंटेनर में एक से अधिक आइटम जोड़ते हैं, तो केवल पहला आइटम दिखाई देगा।" –

+0

आपका मुद्दा क्या है? –