logo标签列表

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

nativescript
3

我找不到一个适用于列表选择器的NS+JS的工作示例，文档中的示例都没有XML示例。有人能帮忙吗？

1个回答
7
你需要做的是将 <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]);
      }
    }
  );
};
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接