gojs 进行监听删除事件及重写监听方法时调用原有方法

当我们想删除一个节点时，需要判断是否可删除才能进行进一步操作。因此需要对删除事件进行添加监听及重写删除事件。

首先是如何对删除事件添加监听。这部分可以在官网上找到 （点击打开链接）：

 

        // notice whenever the selection may have changed
        myDiagram.addDiagramListener("ChangedSelection", function(e) {
            myDelete();
        });
        // notice when the Paste command may need to be reenabled
        myDiagram.addDiagramListener("ClipboardChanged", function(e) {
            myDelete();
        });
        // notice whenever a transaction or undo/redo has occurred
        myDiagram.addModelChangedListener(function(e) {
            if (e.isTransactionFinished) myDelete();
        });

对于删除事件，目前看到官网上添加了三个监听事件，目前不清楚这三个监听分别起什么作用。

然后是myDelete（）方法。此方法中就重写了删除方法。但是需要注意，调用myDelete的三个监听并不一定在删除状态下才进行，可能拖拽时就触发。但是具体为何不会触发删除事件，请往下看。

function myDelete() {
        var cmdhnd = myDiagram.commandHandler;
        var delFlag = false;
        cmdhnd.canDeleteSelection = function () {
            //var r = confirm("是否删除当前所选节点？此操作会导致基础数据信息同步删除!");
            //新建对象保存货架和库区
            var shelfs = [];
            var stocks = [];
            //遍历所选中的节点
            var goAjax = false;
            for (var it = myDiagram.selection.iterator; it.next();) {
                var part = it.value;  // part is now a Node or a Group or a Link or maybe a simple Part
                if (part instanceof go.Node && (part.data.category === "shelf")) {
                    var id = part.data.id;
                    if(id!==undefined){
                        shelfs.push(id);
                        goAjax = true;
                    }
                }
                if (part instanceof go.Node && (part.data.category === "stock")) {
                    var id = part.data.id;
                    if(id!==undefined){
                        stocks.push(id);
                        goAjax = true;
                    }
                }
            }
            if(goAjax){
                var r = confirm("是否删除当前所选节点？此操作会导致基础数据信息同步删除!");
                if(r){
                    return true;
                    /*var parems = {shelf: shelfs.join(","), stock: stocks.join(",")};
                    //进行动态ajax判断是否可删除
                    $.ajax({
                        type: "post",
                        url: ctxPath + "/tbifm07/deleteShelfAndStockAction11111",
                        data: parems,
                        dataType: "json",
                        async: false,
                        beforeSend: function () {
                            waitW.show();
                        },
                        complete: function () {
                            waitW.close();
                        },
                        success: function (data) {
                            if (data.flag === 1) {
                                if (data.result === "1") {
                                    return true;
                                }
                                else {
                                    GysAlert({
                                        content: data.message
                                    });
                                    return false;
                                }
                            }
                            else {
                                GysAlert({
                                    content: data.message
                                });
                                return false;
                            }
                        },
                        error: function (e) {
                            alertConsole(e);
                            return false;
                        }
                    });*/
                }
                else{
                    return false;
                }
            }
            else{
                return true;
            }
        };

    }

只要是监听引发的触发，都会调用上面的函数，但是为何只有删除时才执行上面的函数是因为 标红  行只重写了是否可删除方法。此方法为API提供。每次监听引发的函数Mydelete，其实都会执行，只不过只重写了删除。就只执行 canDeleteSelection方法。

对于只想监听但不想重写方法，API还提供了调用原有function的方法。举例说明，如果只想监听复制事件，则在上方MyDelete（）函数中继续写：

cmdhnd.copySelection = function(obj){

 // todo Sth

go.CommandHandler.prototype.copySelection.call(cmdhnd);//注意，这句话就是调用原有API提供的操作进行复制。

//相当于扩展了复制类。更为仔细的讲，copySelection是CommandHandler类下的一个方法。而CommandHandler类

//又是go这个大的基类的一个类。在这里，使用基类下CommandHandler下的原型copySelection方法去代替当前已经覆写了的copySelection方法

//来去操作当前作用域。关于call的用法，这里有一个很好的说明。引用自其他博客：点击打开链接

}

即可。详情请看官网点击打开链接