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

近期下载者

相关文件


收藏者