列表选择器的 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]);
      }
    }
  );
};

列表选择器的 NativeScript 语法是什么？

What is NativeScript syntax for list-picker?

nativescript