ListView.itemTemplate और छवियां मूल स्क्रिप्ट

Question

में मैं नेटस्क्रिप्ट के लिए संपर्क सूची प्रकार पीओसी बनाने की कोशिश कर रहा हूं। और मैं सूची आइटम में एक छवि और नाम रखना चाहता हूं। कोड है कि मैं लेआउट के लिए उपयोग कर रहा हूँ के रूप में

<Page loaded="pageLoaded"> 
    <ListView items="{{ myItems }}"> 
     <ListView.itemTemplate> 
      <Image src="{{ imageSrc }}" /> 
      <Label text="{{ title }}" /> 
     </ListView.itemTemplate> 
    </ListView> 
</Page> 

इस प्रकार जाहिर है, शीर्षक मूल्य ठीक आ रहा है है, लेकिन छवि बिल्कुल नहीं दिखा रहा है। जब मैं एक ही छवि कोड को खाली पृष्ठ में रखने का प्रयास करता हूं, तो मूल स्क्रिप्ट छवि के साथ पृष्ठ बनाता है।

क्या कोई मुझे बता सकता है कि सूचीदृश्य टेम्पलेट में छवि क्यों नहीं आ रही है? और यह कैसे प्रदर्शित किया जा सकता है?

धन्यवाद

Answer 1

मैंने इसका परीक्षण किया; आपको आंतरिक वस्तुओं को लेआउट में रखना होगा। मुझे विश्वास है कि आइटम टेम्पलेट केवल एक बच्चा हो सकता है। मेरे सभी परीक्षण इंगित करते हैं कि आइटम टेम्पलेट एक बच्चे को इंगित करता है।

तो यह ठीक काम करता है क्योंकि एकल बच्चा एक स्टैकलाउट है जिसमें आपके दो आइटम होते हैं।

एक्सएमएल:

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="onPageLoaded"> 
     <ListView id="listview" items="{{ myItems }}"> 
      <ListView.itemTemplate> 
       <StackLayout orientation="horizontal"> 
       <Label text="{{ title }}" /> 
       <Image src="{{ src }}" stretch="none" /> 
       </StackLayout> 
      </ListView.itemTemplate> 
     </ListView> 
</Page> 

कोड पूरा होने के लिए सबसे सरल जे एस (भविष्य में इस पर देख किसी के लिए):

var observableArray = require("data/observable-array"); 
function onPageLoaded(args) { 
    var page = args.object; 
    var array = new observableArray.ObservableArray(); 

    array.push({title: "Title1", src: 'http://master-technology.com/images/Logo1.gif')}); 
    array.push({title: "Title2", src: 'http://master-technology.com/images/demos/Apps-TurnItOffLogo.gif')}); 

    page.bindingContext = {myItems: array}; 
} 
exports.onPageLoaded = onPageLoaded;