mxGraph为读取出来的mxe或xml图添加cell事件(禁止cell拖拽修改)

本文介绍了如何使用mxGraph在读取mxe或xml图后,添加cell点击事件,同时禁止cell的拖拽修改。通过设置graph.setEnabled(false)禁用拖拽,并通过监听mxEvent.CLICK事件,利用evt.getProperty('cell')获取单击的cell,从而在不允许修改的情况下实现cell内容的显示。
摘要由CSDN通过智能技术生成

 

 

 为了模仿mxGraph中javascript里面的例子中的userobject.html展示出来的效果,可费了不少功夫,花费了大半天的时间,先总结如下:

  其一:userobject.html中的并没有读取任何mxe或者xml文件,它里面的都是自己造的XML文件,我要做的是先用CS端的Graph画好一张图生成mxe然后进行处理在读出来

  其二:userobject.html显示出来的效果图有单击事件,每单击一个cell(vertex或者edge)都会在右边显示出来一个表单用来展现其全部属性内容。它的缺陷就是,看图的人可以随便拖动并修改cell中的内容,所以我要做的是,能单击事件但不要进行拖动

  其三:mxGraph的拖动效果与graph.setEnabled(false)这个方法是挂钩的,设置true就表示可拖拽修改,反之就不可以,需要说明的是,我们单击的时候肯定是要获取每个cell的内容的,然而,如果你在设置为false的情况下使用

 graph.getSelectionModel().addListener(mxEvent.CHANGE, function(sender, evt)
    {
     selectionChanged(graph);//显示属性面板
    });

这个监听器就获取不到CELL的值,因为我的selectionChanged方法中使用到了cell,之前我在selectionChanged方法里面是通过var cell = graph.getSelectionCell()来获取cell的,这种情况下如果我利用了上面的那个监听器并且设置

graph.setEnabled(false)那么肯定不会触发事件并显示表单,如果在这种情况下设置graph.setEnabled(true)那么一定可以触发得到表单,之后我有试了其他的监听器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值