一步一步jQuery流程设计器插件goflow(附代码) - 1 - 构建设计器UI界面
2015-10-22 15:38
791 查看
之前用Silverlight实现过一个流程设计器(Demo),使用起来不是很方便。打算参考GooFlow,结合自己对工作流的理解,用jQuery改造实现一个,力求简单实用。
第一步是要构建设计器的UI界面,如下:
用到的图标有:
用CSS精灵工具如CSS Satyr可以把它们合在一起
。
C#的String.format用习惯,觉得js里拼字符串不好使,先模拟实现一个:
采用的jQuery插件写法:
代码:GoFlow_01.zip
第一步是要构建设计器的UI界面,如下:
用到的图标有:
用CSS精灵工具如CSS Satyr可以把它们合在一起
。
C#的String.format用习惯,觉得js里拼字符串不好使,先模拟实现一个:
function formatString() { var formatStr = arguments[0]; if (typeof formatStr === 'string') { var pattern; for (var i = 1; i < arguments.length; i++) { pattern = new RegExp('\\{' + (i - 1) + '\\}', 'g'); formatStr = formatStr.replace(pattern, arguments[i]); } } else { formatStr = ''; } return formatStr; };
采用的jQuery插件写法:
(function ($, undefined) { //定义GoFlow类 GoFlow = function () { }; //初始化GoFlow对象(gfDiv:jQuery对象;opts:参数) GoFlow.prototype.init = function (gfDiv, opts) { }; //插件的定义 $.fn.goflow = function (opts) { }; })(jQuery); //闭包结束
代码:GoFlow_01.zip
相关文章推荐
- jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
- jquery和javascript的区别(常用方法比较)
- jQuery+JSON三级联动效果,通用
- PHP+Mysql+jQuery查询和列表框选择操作实例讲解
- jQuery学习笔记之四
- jQuery之防止冒泡事件
- Jquery 自定义动画同步进行如何实现?
- jQuery多级手风琴菜单实例讲解
- jquery 实时计算用户输入的字数
- javascript/jquery解析XML带namespace的标签
- jquery form 表单插件的使用
- 使用jquery插件qrcode生成二维码
- jQuery 遍历 - map() 方法
- jquery操作css
- JQuery获取并解析php返回的json格式数据的简单示例
- jQuery源码分析之globalEval函数
- 操作jQuery集合——过滤操作
- Jquery autocomplete 插件使用
- jquery 处理密码输入框(input type="password" ) 模仿placeholder
- Asp.net +Jquery-uploadify多文件上传