jqueryui小部件工厂更改方法

Question

我正在编写一个jqueryui小部件，当小部件更改时（使用_trigger），我想获取一些小部件数据。 我正在使用小部件，如下所示：

$("#myDiv").myWidget({
    change: function(e) {
        alert($("#filter").myWidget('getWidgetData'));
        // do something with the widget data.
    }
});

此代码有效（当窗口小部件调用_trigger时，警报将触发并显示窗口小部件数据）。 但是，这是获取更改回调内的窗口小部件数据的正确/最佳方法吗？ 出于种种考虑，我似乎无法调用this.getWidgetData或e.getWidgetData。

Answer 1

您可以将数据附加到触发的更改事件。 你应该有这样的东西：

this._trigger('change', e);

并可以使用：

this._trigger('change', e, { widgetData: this.getWidgetData() });

_trigger函数接受A hash of data associated with the event. 作为文档中描述的第三个参数。

您的代码将变为：

$("#myDiv").myWidget({
    change: function(e, data) {
        alert(data.widgetData);
        // do something with the widget data.
    }
});