首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Rappid JS在BPMN编辑器中添加新的模板选项

使用Rappid JS在BPMN编辑器中添加新的模板选项
EN

Stack Overflow用户
提问于 2017-08-09 07:01:50
回答 1查看 429关注 0票数 0

我正在使用试用版的Rappid JS,它在bpmn编辑器中具有带有默认选项的模具。我需要在列表中添加新元素,这样我就可以使用它并附加与它相关的检查器表单。

下面是我尝试过的代码。这是POC实现Rappid所必需的。

bpmn.js

代码语言:javascript
运行
复制
stencil.load([
    new joint.shapes.bpmn.Gateway,
    new joint.shapes.bpmn.Activity,
    .
    .
    new joint,shapes.bpmn.myStencil
]);

inpector.js

代码语言:javascript
运行
复制
window.inputs = {
    'bpmn.Gateway': {
        .
        .
    },
     .
     .
    'bpmn.myStencil':{
    //same as in-built Gateway code
    }
};

错误显示:

joint.shapes.bpmn.myStencil不是构造器。

EN

回答 1

Stack Overflow用户

发布于 2017-08-09 11:29:00

我在bpmn.js中使用下面的代码完成了它:

代码语言:javascript
运行
复制
joint.shapes.basic.Rect = joint.shapes.basic.Generic.extend({
    markup: '<g class="rotatable"><g class="scalable"><rect class="body"/></g><text class="label"/></g>',

    defaults: joint.util.deepSupplement({
        type: 'basic.Rect',
        attrs: {
            'rect': { fill: 'white', stroke: 'black', 'follow-scale': true, width: 80, height: 40 },
            ".label":{text:"",ref:".body","ref-x":.5,"ref-dy":20,"y-alignment":"middle","x-alignment":"middle","font-size":14,"font-family":"Arial, helvetica, sans-serif",fill:"#000000"},
            'text': { 'font-size': 14, 'ref-x': .5, 'ref-y': .5, ref: 'rect', 'y-alignment': 'middle', 'x-alignment': 'middle' }
        }
    }, joint.shapes.basic.Generic.prototype.defaults)
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45583705

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档