javascript - Titanium:使用 Titanium UI 设置文本字段的 ID

Question

我正在研究钛并从 Controller 创建 View 。我有四个字段，我需要使用它们的 ID 设置值。请检查以下代码

var row = Ti.UI.createTableViewRow();

var first_name = Ti.UI.createTextField({
borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
color: 'black',
top: 10,
left: 10,
width: 250,
height: 60,
id:'first_name',
//value:data.first_name
});

row.add(first_name);

var tbl_data=[];
tbl_data.push(row);
var tbl= Ti.UI.createTableView({
data:tbl_data
});

$.home_view.add(tbl);

id:'first_name' 似乎不起作用，我还没有找到任何将 ID 分配给任何 UI 元素的示例。请指导

Answer 1

您无法设置 ID。但有两个选择

1:不要在 Controller 中进行输入，而是将其设为单独的 Controller (请参阅我的 blogpost on reusable components )

2:只需这样设置:

$.first_name = Ti.UI.createTextField({
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    color: 'black',
    top: 10,
    left: 10,
    width: 250,
    height: 60
});

然后您可以稍后引用它，如下所示:$.first_name.value;

您还可以为 create 函数设置自定义属性(任何属性都可以)并使用事件将其识别。像这样:

var field = Ti.UI.createTextField({
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    color: 'black',
    top: 10,
    left: 10,
    width: 250,
    height: 60,
    textFieldId: 'first_name'
});
field.addEventListener('blur',function(e){
    var id = e.source.textFieldId;
});