Javascript 钛合金文本字段数组

我需要在屏幕上显示一个6x10电池矩阵。我发现我可以创建一个文本字段数组，如何为每个元素的顶部和左侧赋值

为清晰起见进行编辑：我需要将这些单元格显示为10行，每行6个单元格

var textFields2 = [];
for (var i = 0; i < 59; i++)
 {

    textFields2[i] = Ti.UI.createTextField({
        borderStyle : Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
        width : '30dp',
        height : '45dp',
        //value : '',
        top : '5%',    // starting row 
        color : '#000000',
        left   : '0%'  // starting column 
    });
 }

var textFields2=[]；
对于（变量i=0；i<59；i++）
{
textFields2[i]=Ti.UI.createTextField({
borderStyle:Titanium.UI.INPUT_borderStyle_四舍五入，
宽度：“30dp”，
高度：“45dp”，
//值：“”，
顶部：“5%”，//起始行
颜色：'#000000'，
左：“0%”//起始列
});
}

好吧，要做任何事情，都需要将它们添加到容器中。您还需要正确设置宽度和高度，以便它们适合屏幕，10行5个文本字段意味着每个文本字段的高度必须为10%，宽度必须为20%。然后，可以使用“水平布局”特性创建网格

下面是一个基本上是独立的，可能不是没有bug的示例：

var main = Ti.UI.createWindow();

var container = Ti.UI.createView({
    layout : 'horizontal',
    horizontalWrap : true, // this is the default
    width : Ti.UI.FILL,
    height: Ti.UI.FILL
});

// Set this and then calculate below
var rows = 10, columns = 5;

// Define the base attributes of a textfield
var baseAttrs = {
    borderStyle : Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
    width : (100 / columns) + '%',
    height : (100 / rows) + '%',
    color : '#000000'
};

// Add textfields to the container with the base attributes
for(var i = 0; i < rows * columns; i++) {
    var tfield = Ti.UI.createTextField(baseAttrs);
    // Set an initial value
    tfield.value = i;
    container.add(tfield);
}

// Add container and open the window
main.add(container);
main.open();

var main=Ti.UI.createWindow（）；
var container=Ti.UI.createView({
布局：“水平”，
horizontalWrap:true，//这是默认值
宽度：Ti.UI.FILL，
高度：Ti.UI.FILL
});
//设置此值，然后在下面进行计算
变量行=10，列=5；
//定义文本字段的基本属性
var baseAttrs={
borderStyle:Titanium.UI.INPUT_borderStyle_四舍五入，
宽度：（100/列）+'%'，
高度：（100/行）+'%'，
颜色：'#000000'
};
//将文本字段添加到具有基本属性的容器中
对于（变量i=0；i

谢谢您的帮助。我试图强制每6个元素增加一行…现在它显示6行，每行10个元素。是的，感谢我的第一个钛应用程序的kickstart。最后，我在选项卡式滚动视图容器x2中为两个类似电子表格的页面设置了矩阵。效果很好。