jsWorkflow-master
所属分类:Windows编程
开发工具:HTML
文件大小:576KB
下载次数:8
上传日期:2016-03-08 14:40:40
上 传 者:
a5100048
说明: 可根据后台数据,在前端页面上动态生成流程图
(According to the flow chart of dynamic data generation)
文件列表:
2006419185449640.jpg (23016, 2016-03-02)
css\jsWorkflow.css (1896, 2016-03-01)
css\style.css (678, 2016-03-04)
data.js (2064, 2016-03-02)
data.json (1367, 2016-03-01)
dataNodes.js (392, 2016-03-02)
js\core\anchors.js (52703, 2014-09-19)
js\core\browser-util.js (1903, 2014-09-19)
js\core\connection.js (25900, 2014-09-19)
js\core\connector-editors.js (18721, 2014-09-19)
js\core\connectors-bezier.js (2802, 2014-09-19)
js\core\connectors-flowchart.js (19680, 2014-09-19)
js\core\connectors-statemachine.js (13102, 2014-09-19)
js\core\defaults.js (58943, 2014-09-19)
js\core\dom-adapter.js (15131, 2014-09-19)
js\core\dom.jsPlumb.js (7255, 2014-09-19)
js\core\endpoint.js (58175, 2014-09-19)
js\core\jquery.jsPlumb.js (7656, 2014-09-19)
js\core\jsPlumb.js (115247, 2014-09-19)
js\core\overlays-guidelines.js (2537, 2014-09-19)
js\core\renderers-svg.js (20604, 2014-09-19)
js\core\renderers-vml.js (18519, 2014-09-19)
js\core\util.js (15714, 2014-09-19)
js\jsWorkflow.js (11702, 2016-03-02)
js\lib\biltong-0.2.js (9042, 2014-09-19)
js\lib\jquery-1.9.0-min.js (93068, 2014-09-19)
js\lib\jquery-ui-1.9.2.min.js (237734, 2014-09-19)
js\lib\jquery.min.js (95792, 2016-03-02)
js\lib\jquery.min.map (141680, 2014-09-19)
js\lib\jquery.ui.touch-punch-0.2.2.min.js (1190, 2014-09-19)
js\lib\jsBezier-0.6.js (15750, 2014-09-19)
js\script.js (2015, 2016-03-04)
jsWorkflow.html (1379, 2014-09-19)
jsWorkflowDemo1.html (3141, 2016-03-04)
jsWorkflowDemo2.html (2593, 2016-03-02)
jsWorkflowDemo3.html (2710, 2016-03-02)
operation.js (171, 2016-03-02)
screenshot\jsWorkflow1.png (60290, 2014-09-19)
screenshot\jsWorkflow2.png (61148, 2014-09-19)
... ...
jsWorkflow - An open source JavaScript based API to manage workflow diagrams in various applications
---------------------------------------------------------------------------------------------------------
A Workflow Diagram is a simple form of Flowchart depicting the flow (tansition) of tasks or actions from one state to another.
Workflow is an important part of many application such as The issue tracking system.
jsPlumb is an API which provides a means for a developer to visually connect elements on their web pages.
jsWorkflow uses jsPlumb to create and maintain workflow diagrams.
jsWorkflow is an abstract layer built on top of jsPlumb to manage workflow diagrams using few simple jsWorkflow methods.
---------------------------------------------------------------------------------------------------------
Screenshots
![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow1.png)
![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow2.png)
![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow3.png)
![alt tag](https://raw.githubusercontent.com/hemantsshetty/jsWorkflow/c4b589d8a2491139e319f1de08c1d854a0abf73c/screenshot/jsWorkflow4.png)
---------------------------------------------------------------------------------------------------------
A list of jsWorkflow methods:
#1 jsWorkflow.Instance() - A constructor to create a new workflow instance.
#2 init() - A method to Initialize the workflow. A workflow can be initialized by passing either
a workflow html element's id or the workflow JSON data comprising of details such as
State transitions, State names, State positions and workflow container Id.
#3 instance.createStateTrasitions() - A method to establish transitions among all the workflow States by passing the JSON data.
#4 instance.getStateTransitions() - Get a list of all States and their transition (connection) with other States.
#5 instance.getStateNames() - Get a list of all State element Ids with their respective names.
#6 instance.getStatePositions() - Get a list of all State element Ids with their respective css positions (top and left).
#7 instance.getWorkflow() - Get the current workflow object with details such as
State transitions, State names, State positions and workflow container Id.
---------------------------------------------------------------------------------------------------------
A sample JSON Workflow object
{
"transitions": {
"new": "open",
"open": "new,in-progress,resolved,closed",
"in-progress": "open,resolved,closed",
"resolved": "closed,reopened",
"reopened": "closed,resolved,in-progress",
"closed": "reopened"
},
"names": {
"new": "New",
"open": "Open",
"in-progress": "In Progress",
"resolved": "Resolved",
"reopened": "Reopened",
"closed": "Closed"
},
"positions": {
"new": {
"top": 100,
"left": 500
},
"open": {
"top": 200,
"left": 500
},
"in-progress": {
"top": 400,
"left": 250
},
"resolved": {
"top": 300,
"left": 500
},
"reopened": {
"top": 500,
"left": 500
},
"closed": {
"top": 400,
"left": 750
}
},
"container": "workflow-2"
}
---------------------------------------------------------------------------------------------------------
jsWorkflow 1.0
Copyright (c) 2014 Hemanatha Shetty (hemantsshetty@gmail.com)
http://github.com/hemantsshetty/jsWorkflow
Licensed under the MIT
近期下载者:
相关文件:
收藏者: