javascript - Ignite UI IgCurrencyEditor

Question

我正在尝试以编程方式更新货币字段以运行包含数字计算的值更改事件。我希望使用类似的方法将该值设置为零。

$('.tester').igCurrencyEditor("setFocus");

$('.tester').igCurrencyEditor('option','value', 0);

然后，当我模糊不清或不确定在这里做什么时，valueChanged 事件应该根据 API 文档触发(它可以在失去焦点或旋转事件时引发)。

但我似乎无法触发值更改事件，它仅在我手动单击输入并更改数字时有效。

Answer 1

valueChanging 和 valueChanged 事件将在用户交互更改编辑器的 displayInput 值时触发，相应的 valueInput 值与显示输入不同。编辑器采用了与所有其他 Ignite UI 控件相同的方法，其中事件不会在 API 调用时触发，因为执行 API 调用时，开发人员可以选择是否在 API 调用后调用他们的事件处理程序。

您可以执行两件事来调用您的事件处理程序。第一个是缓存事件处理程序方法并手动调用它:

$('.tester').igCurrencyEditor({
    ...
    valueChanged: valueChanged,
    ...
});

function valueChanged(event, ui) {
    // event handler
};

$('.tester').igCurrencyEditor("setFocus");
$('.tester').igCurrencyEditor('option','value', 0);
valueChanged(null, { /* if you need arguments */ });

第二个是扩展货币编辑器并覆盖执行检查是否应触发这些事件的方法，并使其始终触发事件:

$.widget("ui.igCurrencyEditorExtension", $.ui.igCurrencyEditor, {
    _processValueChanging: function (value) {
        this._triggerInternalValueChange(value);
    }
}

第二种方法要求您切换到使用 igCurrencyEditorExtension 并且可能会产生副作用，因为该方法还会执行其他检查。

无论如何，Alex Marinov 的建议应该可行，但这取决于您的编辑器配置，取决于您是否设置了 nullValue，是否在编辑器中允许空值等。