将 webOS Slider 小部件对齐到整数

Question

在 webOS 应用程序中，我有一个 Mojo.Widget.Slider，用于将整数设置为 0、1 或 2。我自己已经负责舍入 Slider 值了（尽管有一个功能可以为您执行此操作，但我停止使用它，以防这是问题的根源，但事实并非如此），但我希望滑块在用户完成滑动后捕捉到舍入整数位置。据我所知，没有内置任何东西可以做到这一点，所以我必须自己做。我认为像下面这样的东西会起作用。

在我的场景助手的设置功能中：

this.mySliderModel = {value: 1};
this.controller.setupWidget('mySlider', {minValue: 0, maxValue: 2}, this.mySliderModel

并侦听滑块的更改：

this.mySliderChangedEventListener = this.mySliderChanged.bindAsEventListener(this);
Mojo.Event.listen(this.controller.get("mySlider"), Mojo.Event.propertyChange, this.mySliderChangedEventListener);

然后侦听器：

MainAssistant.prototype.mySliderChanged = function(event) {
    var sliderValue = Math.round(event.value);
    switch (sliderValue) {
        case 0:
        case 1:
        case 2:
            //it's a good value
            //do some stuff

            this.mySliderModel.value = sliderValue;
            this.controller.modelChanged(this.mySliderModel);
            break;
        default:
            Mojo.Log.info("mySlider error value: ", event.value);
            break;
    }
};

但是更改模型并调用 modelChanged 似乎没有执行任何操作，尽管文档和示例代码显示这可以工作。有什么想法为什么我的代码不起作用以及我可以做什么来达到预期的效果吗？

注意：我知道我可以使用不同的小部件来实现此类操作，但我想使用滑块来实现。如果我找不到办法让它工作，使用其他东西是我的备份。

Answer 1

问题似乎是小部件的handleModelUpdate 中的检查。有一个标志（this.seeking）可以防止小部件在拖动过程中处理模型更改。当小部件上发生“放置”时，该标志将被清除，但 propertyChange 事件会在该标志被清除之前 2 行被触发。

解决方案可以很简单，只需添加一个非常短的超时，以便当前脚本执行可以在您再次更新模型之前完成。

MainAssistant.prototype.mySliderChanged = function(event) {
    var sliderValue = Math.round(event.value);
    switch (sliderValue) {
        case 0:
        case 1:
        case 2:
            //it's a good value
            //do some stuff
            setTimeout(function() {
                this.mySliderModel.value = sliderValue;
                this.controller.modelChanged(this.mySliderModel);
            }.bind(this), 100);
            break;
        default:
            Mojo.Log.info("mySlider error value: ", event.value);
            break;
    }
};