0

我正在尝试扩展现有的 dijit.form.Button 以接受“主题”属性并在单击时发布该命令/主题。我提出的解决方案需要引用以前的 Button.prototype_onClick 方法。有没有更好的编码方法,所以下面的使用示例仍然有效?

define(["dojo/_base/lang", "dijit/form/Button"], function(lang, Button) {
    var oldClick = Button.prototype._onClick;
    lang.extend(Button, {
        topic: null,
        _onClick: function(e) {
            alert('test');
            if (this.topic) {
                connect.publish(this.topic);
            }
            return oldClick.apply(this, arguments);
        }
    });
});

用法:

<button dojo-data-type="dijit.form.Button" data-dojo-props="topic: 'test'">Test</button>

require(["dojo/_base/connect"], function(connect) {
    connect.subscribe("test", function() {
        alert("you just clicked the test button");
    });
});​​
4

1 回答 1

4

考虑面向方面的编程,即dojo/aspect

require([
    "dojo/aspect",
    "dojo/topic",
    "dijit/form/Button"
], function(
    aspect,
    topic,
    Button
) {

    aspect.after(Button.prototype, "_onClick", function(e) {
        this.topic && topic.publish(this.topic);
    });

    topic.subscribe("test", function() {
        console.log("test topic");         
    });

});​

在行动中看到它:http: //jsfiddle.net/phusick/2rjfJ/

于 2012-06-11T15:25:24.717 回答