如何使用 Alloy 和 Appcelerator 动态填充选择器？

Question

有没有办法动态填充选择器？这适用于选项对话框：

view.xml:

<OptionDialog id="distributionPointsOptionDialog">
 <Options>
    <Option id="{dp}"></Option> 
 </Options>
</OptionDialog>

controller.js:

var dp = [];
for (var j in _data) {
    if (_data[j].country == country) {
        dp.push(_data[j].city + "-" + _data[j].dp_name);
        }
}
$.distributionPointsOptionDialog.options = dp;

有没有办法对多列选择器执行相同的操作？我尝试填充单列选择器失败。

controller.js:

var fs = Ti.Filesystem;
var installedFonts = fs.getFile(fs.resourcesDirectory+ "/fonts").getDirectoryListing();
Ti.API.info("list of resourcesDirectory fonts: " + JSON.stringify(installedFonts));
var fonts = [];
for (var j in installedFonts) {
    fonts.push(installedFonts[j]);
}
$.testPicker.column = fonts;

views.xml:

<Picker id="testPicker" selectionIndicator="true" height="Ti.UI.SIZE" width="70%" visible="true" zIndex="200" useSpinner="true">
<Column>
   <Row title="{fonts}"></Row>
</Column>
</Picker>

这会导致错误：

ERROR] :      message = "undefined is not an object (evaluating '$model.__transform')";

Answer 1

您的实施存在一些错误。

useSpinner 属性已被弃用，因此请从您的代码中删除它。
您实现选项和选择器的方式是 Alloy-模型绑定的过程。
对于动态选项，您可以简单地使用以下代码：

<OptionDialog id="distributionPointsOptionDialog"></OptionDialog> $.distributionPointsOptionDialog.options = ['Helvetica', 'Arial', 'Times New Roman'];

<Option id="{dp}"></Option> - 此语法用于模型数据绑定
对于选择器，使用以下代码：

var fonts = []; fonts[0]=Ti.UI.createPickerRow({title:'Helvetica'}); fonts[1]=Ti.UI.createPickerRow({title:'Arial'}); fonts[2]=Ti.UI.createPickerRow({title:'Times New Roman'}); fonts[3]=Ti.UI.createPickerRow({title:'Georgia'}); $.testPicker.add(fonts);

或

var column = Ti.UI.createPickerColumn(); column.add( Ti.UI.createPickerRow({ title: 'Helvetica' }) ); column.add( Ti.UI.createPickerRow({ title: 'Arial' }) ); column.add( Ti.UI.createPickerRow({ title: 'Times New Roman' }) ); column.add( Ti.UI.createPickerRow({ title: 'Georgia' }) ); $.testPicker.columns = [column];

对于Pickers，简而言之，既可以使用$.testPicker.add()方法，也可以这样设置列$。 testPicker.columns = [column1, column2, column1, ...]

在此处阅读更多内容 How to add Columns or Rows in Pickers

或

How to add column(s) in Picker

如何使用 Alloy 和 Appcelerator 动态填充选择器？

How to dynamically populate a Picker using Alloy with Appcelerator?

dynamic

picker

appcelerator