titanium - Appcelerator钛金JS : Table Alphabetical Index not working

Question

我正在尝试使用 TableView 索引属性来创建 native 右手字母导航 - 类似于 Apple iOS 联系人应用程序 - 如下图所示:

我创建了一个非常简单的示例，其中包含一组行和行标题，但它不起作用 - 每当我点击索引项时，它都会再次跳转到 TableView 的顶部。

这是我的示例代码:

// Create the first TableViewSection
var section1 = Ti.UI.createTableViewSection({
    headerTitle:'A'
});
// use a loop to add some rows
for (var i=0; i < 20; i++) {
    section1.add(Ti.UI.createTableViewRow({
        title:'Row '+i
    }));
}
// do it all again...
var section2 = Ti.UI.createTableViewSection({
    headerTitle: 'B'
});
for (var i=4; i < 10; i++) {
    section2.add(Ti.UI.createTableViewRow({
        title:'Row '+i
    }));
}
// Now, here's our table, and we're setting the data to hold the sections
var tv = Ti.UI.createTableView({
    data:[section1,section2]
});

// Create a table view index
var index = [
    { title: "A", index: 0 },
    { title: "B", index: 1 }
];

// Set the index on the table view
tv.setIndex(index);

$.index.open();
$.index.add(tv);

Answer 1

这是给你的一个例子，亲爱的

var win = Ti.UI.createWindow();

var table = Ti.UI.createTableView({});

    var contacts = ["Adam", "Andrew", "Boris", "Claus", "Debby", 'Saba', 'Sana', 'Wahhab', 'Zohaib', 'Zzaid', 'Zzxad'];
    var curheader = 'A';
    var sectionArr = [];
    var index = [];
    for (var i = 0, lastL, l, currSection, ilen = contacts.length; i < ilen; i++) {
        l = contacts[i].substr(0, 1);
        if (lastL != l) {
            index.push({
                title : l,
                index : i
            });
            currSection = Ti.UI.createTableViewSection({
                headerTitle : l
            });
            sectionArr.push(currSection);
        }
        currSection.add(Ti.UI.createTableViewRow({
            title : contacts[i],

        }));
        lastL = l;

    }
    table.setData(sectionArr);
    table.index = index;
    win.add(table);
    win.open();

谢谢