javascript - 创建后将 onchange 事件添加到 javascript 小部件

Question

我有以下片段:

    var divCombo = new dijit.form.ComboBox({
        id: "clientDivision",
        name: "clientDivision.name",
        value:"${project?.clientDivision?.encodeAsHTML()}",
        required: "true",
        store: divStore,
        pageSize:"15"
    },divisionNode);

    divCombo.onchange = function(){
            setCbHiddenId(this, 'clientDivision.id');
    };

这似乎没有触发 setCbHiddenId 函数。我更改了 divCombo 组合框中的值，firebug 永远不会在我在脚本中设置的断点处停止。

我究竟做错了什么？我试图事后定义它，因为它需要在 onchange 函数中引用自身。

Answer 1

根据您的需要，您可以将小部件连接到一个函数，或者您可以观察小部件的值(需要 1.6+)。

连接方法。您需要确保“this”是正确的对象。在这个例子中是 divCombo。此外，dijits 使用大写事件(onChange 而不是 onchange)

divCombo.connect(divCombo, 'onChange', function(newValue) {
    setCbHiddenId(this, 'clientDivision.id');
});

观察法。同样，要小心内部函数中的“this”。

divCombo.watch('value', function(property, oldValue, newValue) {
    setCbHiddenId(this, 'clientDivision.id');
})