javascript - 处理所有 DevExtreme 输入小部件的更改事件

Question

我正在寻找一种方法来跟踪表单字段是否已使用 DevExtreme 组件进行修改。我想我可以将它们全部绑定(bind)到一个事件监听器:

$('input').change(function () {
    console.log("Change detected.");
});

虽然这对普通的<input>来说很火元素，但 DevExtreme 组件(全部使用底层隐藏 <input> 元素)则不然。这些组件有 onValueChanged字段可以分配一个功能，但我们的想法是不必对每个控件都这样做。我有几十个表格 dxTextBox , dxSelectBox , dxDateBox等

Answer 1

DevExtreme 小部件提供 defaultOptions(rule)方法，它允许为特定组件设置默认配置选项。

例如:

DevExpress.ui.dxTextBox.defaultOptions({ 
    device: { deviceType: "desktop" },
    options: {
        onValueChanged: function(e) {
           console.log("Change detected.");
        }
    }
});