Required:
- JQuery v 1.11
- JQuery.treeTable
- KineticJS v 5
- ACE
Using begins with the creation of the object: WorkflowDesigner:
var wfdesigner = new WorkflowDesigner({ name: 'simpledesigner', apiurl: '/Designer/API', renderTo: 'wfdesigner', imagefolder: '/images/', graphwidth: 1200, graphheight: 800 });
Load data from server:
wfdesigner.load({ schemecode: ‘SimpleWF’ });
Parameters:schemecode, processid, schemeid
Show custom data:
wfdesigner.data = data; wfdesigner.render();
Create new scheme:
wfdesigner.create();
Save:
wfdesigner.schemecode = schemecode; wfdesigner.save(function () { alert('The scheme is saved!'); });
Validation:
wfdesigner.validate();
Exists scheme/processId:
wfdesigner.exists({ schemecode: ‘SimpleWF’ });
Parameters:schemecode, processid, schemeid
For localization of use WorkflowDesignerConstants.