RappidJs 2.4 Stencil

JointJs商业版RappidId中stencil插件,使用示例记录:

在kitchensink示例中,使用MVVM的设计模式;

/views/main.js下有这个方法:initializeStencil

此处为了方便演示使用windows全局变量:

window.stencil = new joint.ui.Stencil({/** 各种配置项 **/});

stencil对象有方法:load

stencil.load(json);//json对象

当传入json对象的时候,stencil将会自动解析JSON并且显示到HTML上;

备注:使用RappidJS,需要引入对应的JS/CSS文件,并且在HTML页面中使用DIV标签;RappidJS将会通过render方法进行页面渲染:

<div class="stencil-container"></div>

this.$('.stencil-container').append(stencil.el);