本文主要是介绍gojs 进行监听删除事件及重写监听方法时调用原有方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
当我们想删除一个节点时,需要判断是否可删除才能进行进一步操作。因此需要对删除事件进行添加监听及重写删除事件。
首先是如何对删除事件添加监听。这部分可以在官网上找到 (点击打开链接):
// notice whenever the selection may have changedmyDiagram.addDiagramListener("ChangedSelection", function(e) {myDelete();});// notice when the Paste command may need to be reenabledmyDiagram.addDiagramListener("ClipboardChanged", function(e) {myDelete();
});// notice whenever a transaction or undo/redo has occurredmyDiagram.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 Partif (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的用法,这里有一个很好的说明。引用自其他博客:点击打开链接
}
即可。详情请看官网点击打开链接
这篇关于gojs 进行监听删除事件及重写监听方法时调用原有方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!