美文网首页WorkFlow项目
WorkFlow项目(五)

WorkFlow项目(五)

作者: 敬亭阁主 | 来源:发表于2019-04-20 14:20 被阅读0次

    今天为组件添加了Halo类型操作菜单,取代了原来的Tool修饰方式。

    鼠标点击组件,生成一个菜单和关于组件的摘要信息


    菜单收缩形式

    点击➕号,展开菜单


    菜单展开形式

    此时可以选择菜单项进行操作,缺省的有七个操作,未来将根据业务需求对这些操作进行修改。

    点击屏幕其它区域,菜单自动隐藏。

    相关代码

    'cell:pointerclick': function(cellView) {
        var isElement = cellView.model.isElement();
        var message = (isElement ? 'Element' : 'Link') + ' clicked';
        console.log(message);
        if (isElement){
            var halo = new joint.ui.Halo({ cellView: cellView, type: 'pie' });
            halo.render();
        }
    },
    

    相关文章

      网友评论

        本文标题:WorkFlow项目(五)

        本文链接:https://www.haomeiwen.com/subject/juzkgqtx.html