对jbpm4的web设计器做了进一步的整合验证,主要是为了寻找实现方案的可行性。
遵循css2的规范,大量的使用css的 > 选择器语法,所以浏览器的支持在ie7以上以及其他的主流浏览器。
在ie7,opera9.6、firefox3.0.10 以及chrome 1.0.154.65稍微跑了下,问题不少,勉强可以跑起来,速度还比较慢。
1、以application为依托(editor)
实现命令的注册、执行、撤销、重做。
2、集成了菜单和工具栏
工具栏和菜单的动作调用分为 command 和 action 两种:
command为在application中注册的可撤销的动作
action 为普通的动作,通过$.actionFactory.register方法进行注册
// 菜单的命令集成
$('#application-menu').menu({
command:function(event,ui){
$('body',document).application('executeCommand',ui.command);//
}
});
// 工具栏的命令集成
$('#application-toolbar').toolbar({
command:function(event,ui){
$('body',document).application('executeCommand',ui.command);
}
});
3、集成浮动palette的支持,预支持选择和拖到两种方式
在drop方法中实现palette节点的拖动与命令的集成
//初始化palette
$('#application-palette').palette({
drop:function(event,ui){
var offset = {
left:event.pageX-ui.drop.offset().left+ui.drop.scrollLeft(),
top:event.pageY-ui.drop.offset().top+ui.drop.scrollTop()
},
text = ui.text;
$('body',document).application('executeCommand','addNode',{text:text,offset:offset,type:text});
}
});
4、初步的propertyTable的集成方案
在上一个的demo验证版本中有体现
//注册下拉选择框
$.youi.editorFactory.registSelect('fontSize',{src:'demo/datas/users.data'});
//注册颜色选择的dialog
$.youi.editorFactory.registDialog('color',{
width:370,
height:258,title:'选择颜色',
initContent:function(container){
var colorpicker = $('<div id="color-picker"/>');
container.append(colorpicker);
colorpicker.ColorPicker({
flat: true
});
},
getValue:function(){
var color = $("#color-picker").find('.colorpicker_hex input').val()||'000000';
return '<b style="color:#'+color+'">'+color+'</b>';
},
setValue:function(value){
$("#color-picker").ColorPickerSetColor(value);
}
});
5、工作区间树的联动
在命令中同时调用树的相关操作,修改文本和增加节点等。
//设计器实现的demo的雏形界面
这个一时心血来潮的东西并没有如愿的写下去,现在源码都难得找到了,
找到部分代码上传,里面的代码的写法很多不舒服的地方,欠考虑的东西太多,代码也比较乱,参考价值不大。
- 大小: 82.5 KB
分享到:
相关推荐
extjs jbpm4 流程设计器,希望对你有所帮助!
jbpm流程设计器,适用于jbpm工作流设计
jbpm4.4设计器文档 主要介绍GEF实现WEB版的流程设计器
jBPM Web Designer(jBPM Web 设计器、jBPM 流程设计器、工作流程设计器)
JBPM设计器,纯JS
JBPM Web流程设计器,用js+extjs画的jbpm流程设计器,与eclipse插件类似,可以进行自定义。
jbpm4整合流程例子及附代web流程设计器可以进行流程设计
jbpm流程设计器 + 生成对应xml文档: 内部含有: jbpm控件 1: myflow2:插件原本内容 访问地址:http://localhost:8080/jbpmFlow1/myflow2/demo4.jsp 实现生成对应xml文档 并写有对xml文档读取存储到对象中,...
jbpm4源码jbpm4源码jbpm4源码
大家在做jbpm的时候,肯定会考虑到将工作流提升到用户层面,让用户可以设计流程,而不是只在myeclipse中由程序员设计,这个软件就是这个作用,有需要的人可以下载。 注意:该文件是免费版,具备的功能是:图形化流程...
jbpm的eclipse的流程设计器插件designer中的gpd.xml文件乱码问题
5.1表JBPM4_DEPLOYMENT 7 5.2 表JBPM4_DEPLOYPROP 7 5.3 表JBPM4_EXECUTION 8 5.4 表JBPM4_HIST_ACTINST 9 5.5 表JBPM4_HIST_DETAIL 9 5.6 表JBPM4_HIST_PROCINST 10 5.7 表JBPM4_HIST_TASK 11 5.8 表JBPM4_HIST_VAR...
jbpm应用开发指面(胡奇) jbpm4.3表结构和表字段说明 [jBPM开发指南].高杰.文字版 jBPM5_用户手册-中文版
jboss jbpm4最新开发包 采用了pvm框架
java源代码分包详解JBPM4 java源代码分包详解JBPM4
jbpm4。4中表之间的关系,jbpm4 表关系
jbpm4.4 业务规则定义 插件,把网站上的4.4下载下来之后,手工做了调整,源插件需要通过eclipse的自动升级才能完成,修改后,只需要把该文件解压到jbpm-gpd-site4.4目录之后之后放到eclipse的dropins目录下即可