0

我正在开发 iOS 9.2 SDK 和 Titannium SDK v5.1.2.GA。

在我的 iPad 应用程序中；有一个产品标签页，其中有一个“折扣”按钮。当你点击它时，一个带有 TextField 和 Picker 的 Popover 显示如下：

在此处输入图像描述

以上是动态创建的。（不使用控制器+视图）。

这按预期工作。alloy.js我想通过在一个名为的全局数组变量中记录产品的给定折扣来进一步扩展这一点Alloy.Globals.ProductDiscounts = [];（以便以后可以使用）。

我“捕获”新折扣价的方式是通过收听选择器上的“隐藏”事件。然后更新全局数组。

出于调试目的，我添加了一个控制台日志以确保它被正确记录，然后在 Appcelerator Studio 控制台窗口中，我开始看到这个无休止的输出，如下所示：

在此处输入图像描述

我不得不杀死模拟器来阻止这种奇怪的空值恒定输出。

到目前为止，这是我的代码，知道为什么控制台窗口会闪烁吗？另外，为什么我的全局数组没有设置？还是设置好了，但我错过了实际的 console.log 条目？

// Subscribe to line discount button click event
lineDiscountButton.addEventListener('click', function(e)
{
    // Stop further events
    e.cancelBubble = true;

    // Create popover
    var discountPopover = Titanium.UI.iPad.createPopover({
        arrowDirection: Titanium.UI.iPad.POPOVER_ARROW_DIRECTION_RIGHT,
        orignalPrice: e.source.orignalPrice,
        priceButton: e.source.priceButton
    });
    var discountPopoverView = Titanium.UI.createView({
        width: 250,
        height: 210
    });

    // Create discount popover view wrapper
    var discountPopoverViewWrapper = Titanium.UI.createView({
        top: 10,
        left: 10,
        right: 10,
        bottom: 10,
        layout: 'vertical'
    });
    discountPopoverViewWrapper.add(Titanium.UI.createLabel({
        top: 0,
        left: 0,
        color: '#5C5C5C',
        font: {
            fontSize: 12
        },
        text: 'Enter a new Price'
    }));
    discountPopoverViewWrapper.add(Titanium.UI.createView({
        top: 0,
        height: 1,
        backgroundColor: '#0088CE',
        width: '100%'
    }));
    var discountPrice = Titanium.UI.createTextField({
        top: 0,
        width: '100%',
        height: Titanium.UI.SIZE,
        hintText: discountPopover.orignalPrice,
        value: discountPopover.orignalPrice,
        backgroundColor: '#FFFFFF',
        font: {
            fontSize: 18,
            fontWeight: 'bold'
        },
        color: '#5C5C5C'
    });
    discountPopoverViewWrapper.add(discountPrice);
    discountPopoverViewWrapper.add(Titanium.UI.createLabel({
        top: 10,
        left: 0,
        color: '#5C5C5C',
        font: {
            fontSize: 12
        },
        text: 'Or Select a Discount Percent'
    }));
    discountPopoverViewWrapper.add(Titanium.UI.createView({
        top: 0,
        height: 1,
        backgroundColor: '#0088CE',
        width: '100%'
    }));
    var discountPercentPicker = Titanium.UI.createPicker({
        top: 0,
        width: Titanium.UI.FILL,
        height: 112
    });
    var discountPercentValues = [];
    for (var i = 0; i <= 100; i++) {
        discountPercentValues.push(Titanium.UI.createPickerRow({
            title: i +'%'
        }));
    }
    discountPercentPicker.add(discountPercentValues);
    discountPercentPicker.addEventListener('change', function(e) {
        if (parseInt(e.rowIndex) === 0) {
            discountPrice.value = discountPopover.orignalPrice;
        } else {
            discountPrice.value = (discountPopover.orignalPrice - (discountPopover.orignalPrice * (parseInt(e.rowIndex) / 100))).toFixed(2);
        }
    });
    discountPopoverViewWrapper.add(discountPercentPicker);

    // Add discount popover view wrapper to view
    discountPopoverView.add(discountPopoverViewWrapper);

    // Set popover content view
    discountPopover.contentView = discountPopoverView;

    // Subscribe to popover hide event
    discountPopover.addEventListener('hide', function(e) {
        e.cancelBubble = true;
        Alloy.Globals.ProductDiscounts[discountPopover.priceButton.sku] = parseFloat(discountPrice.value).toFixed(2);
        Alloy.Globals.LiveBasketCollection.executeQuery("UPDATE live_basket SET Price = "+ discountPrice.value +" WHERE Sku = '"+ discountPopover.priceButton.sku +"'");
        discountPopover.priceButton.price = Alloy.Globals.DeviceDefaults.CurrencySymbol + discountPrice.value;
        discountPopover.priceButton.title = (discountPopover.priceButton.basketQuantity > 0 ? discountPopover.priceButton.basketQuantity +' x ' : '') + discountPopover.priceButton.price;
        Titanium.App.fireEvent('redrawBasket');
        discountPopover = discountPopoverView = discountPrice = discountPercentPicker = discountPercentValues = null;
        console.log(Alloy.Globals.ProductDiscounts);
    });

    //  Show popover
    discountPopover.show({
        view: lineDiscountButton,
        animated: true
    });     
});
4

1 回答 1

0

就像一个问题......你为什么要取消冒泡。

没有更多的代码库，我只能尝试提出建议。

1）添加事件监听器。

lineDiscountButton.addEventListener('click', setupData);

2) 设置数据

Function setupData(e) {

    lineDiscountButton.removeEventListener('click', setupData);

    Your code from the inline function.
}

基本上一旦激活就删除事件侦听器，因此根据需要添加和删除。

我不想教你吸蛋，但是要移除一个事件监听器，你必须使用与添加它完全相同的参数。因此，事件侦听器上的内联函数并不理想，尽管它们将代码分离到自己的函数中是可取的。

下一个合金全局变量....不是很好的做法。我猜您只想在应用程序运行期间获得数据，而不是供将来使用。

如果您需要它以备将来使用，您可以将数据存储在属性中。

希望这可以帮助

T。

于 2016-02-04T21:29:51.883 回答