javascript - 从 ScrollView 中删除 View

Question

在 Titanium Mobile 中进行开发。

当单击删除按钮时，我需要从 ScrollView 中删除 View 。单击按钮时，我会触发一个自定义事件，scrollView 会监听该事件。我的问题是，如何引用需要删除的 View ？这些 View 是动态添加到scrollView中的，并且没有关于 View 的唯一信息。我尝试在触发自定义事件时传递 View 本身，但这不起作用。如何告诉scrollView要删除哪个 View ？

Answer 1

当 View 中有一个删除按钮时 - 这是小菜一碟:) 只需获取其父级并将其删除 - scrollView.remove(e.source.parent);

这里我创建了一个演示页面:

var scrollView = Titanium.UI.createScrollView({ 
    contentWidth: 'auto', 
    contentHeight: 'auto', 
    top: 0, 
    showVerticalScrollIndicator: true, 
    showHorizontalScrollIndicator: true,
    layout: 'vertical'
}); 

var colors = ['red', 'green', 'blue', 'orange', 'purple', 'yellow'];

for (var i = 0; i < 6; i++) {

    var view = Ti.UI.createView({ 
        backgroundColor: colors[i], 
        borderRadius: 10, 
        width: 300, 
        height: 200, 
        top: 10,
        id: i
    });
    scrollView.add(view); 

    var deleteButton = Ti.UI.createButton({
        borderRadius: 3,
        style: Ti.UI.iPhone.SystemButtonStyle.PLAIN,
        backgroundGradient: {
            type: 'linear', 
            colors: [ '#c7c7c7', '#686868' ], 
            startPoint: { x: 0, y: 0 }, 
            endPoint: { x: 0, y: 30 }, 
            backFillStart: false
        },
        title: 'Delete view ' + i,
        font: { fontSize: 12, fontWeight: 'bold' },
        color: '#fff',
        width: 120,
        height: 30
    });
    view.add(deleteButton);

    deleteButton.addEventListener('click', function(e) {
        Ti.API.info(e.source.id); // use this ID
        scrollView.remove(e.source.parent);
    });

}

Ti.UI.currentWindow.add(scrollView);