什麼是列表選取器的NativeScript語法？

Question

我一直沒能找到一個NS + JS的列表選擇器的工作示例，非文檔中的示例有XML示例。 任何人都可以幫忙嗎？

Answer 1

您需要做的是將<ListPicker>的items屬性綁定到頁面的bindingContext上的數組。這裏有一個簡單的例子：

<!-- main-page.xml --> 
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded"> 
    <StackLayout> 
    <ListPicker 
     items="{{ pokemon }}" 
     id="pokemonPicker" 
    ></ListPicker> 
    </StackLayout> 
</Page> 

---

// main-page.js 
var Observable = require("data/observable").Observable; 

var pageData = new Observable({ 
    pokemon: ["Bulbasaur", "Charmander", "Squirtle"] 
}); 

exports.pageLoaded = function(args) { 
    var page = args.object; 
    page.bindingContext = pageData; 

    page.getViewById("pokemonPicker").addEventListener(
    Observable.propertyChangeEvent, function(e) { 
     if (e.propertyName == "selectedIndex") { 
     console.log("You selected: " + pageData.pokemon[e.value]); 
     } 
    } 
); 
};