驰骋工作流引擎表单设计器-级联下拉框

Technorati Tags: 开源工作流引擎,驰骋.net工作流引擎,开源表单引擎,ccform,ccflow,jflow,ccbpm,级联下拉框  
驰骋工作流引擎中设计”JS脚本验证”的目的，是为了验证用户在进行表单填写时，使其按照一定的规范进行填写，若不满足一定的要求，则进行相关信息的提示。

设置步骤

在表单设计器中，选择控件进行右键编辑, 扩展设置，脚本验证。



函数库分为：系统函数库，与我自己定义的函数库。
系统函数库是ccBPM系统自带的函数库，它包括一些基本的，通用类型的验证，比如：电话、邮件、邮政编码。
如果验证需要特殊的验证，那就需要自定义函数库了，如何定义个性化的函数请参考下一章节。
点保存按钮就可以了，系统将会自动返回字段列表。
这样的一个脚本验证就完成了，把它非常方便了为用户的输入完成了验证设置。

如何设置自定义验证函数?

按照如下步骤设置：
第1：建立一个js脚本文件。
第2：根据此脚本文件的事件，D:\ccflow\trunk\DataUser\JSLib 对应的文件目录里。
比如 ：onblur 事件函数放在onblur目录里，onkeypress事件函数放在onkeypress目录里。
函数名必须为小写,事例如下：

function isMobil(ctrl) { var patrn = /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; if (!patrn.exec(ctrl.value)) { alert('非法的手机号码.'); return false; } return true }

脚本验证的工作原理

系统函数的目录为：
D:\ccflow\trunk\Data\JSLib
用户自定义的函数目录为：
D:\ccflow\trunk\DataUser\JSLib
表单设计器自动产生的脚本文件位与
D:\ccflow\trunk\DataUser\JSLibData
在你执行保存时，表单设计器就把所有的函数调取出来，生成一个脚本验证文件，此文件命名的格式为。 表单编号+”.js” 。 并存放在： D:\ccflow\trunk\DataUser\JSLibData 目录下面。
表单载入时，就把此脚本文件自动的调入到界面上。

如何通过获取表单控件值(使用ccform内置函数)？

我们知道在ccform表单设计器中有4种控件分别是dropdownlistbox, textbox,checkbox,ridionbutton.



系统内置了三个函数，分别是获取相应对象的值，请参考以上图片。
ReqTB 获取TextBox类型字段的输入值。
ReqDDL 获取DropDownListbox的选择值。
ReqCB 获取CheckBox的值。

如何在提交前做一个完整的表单输入验证?

关键字: ccform 字段验证 工作流程引擎 提交前输入完整性验证
设置步骤：
建立一个自定义的js文件，放在D:\ccflow\trunk\DataUser\JSLibData\下面。
命名格式为表单ID+”_Self.js”。比如:ND1701_Self.js
在自定义js文件(ND1701_Self.js)中创建一个一个校验函数。



3, 打开该节点属性=》找到功能按钮标签与状态=》发送按钮标签=》按钮js函数文本框中填写: return IsSubmit();



扩展阅读1 -用一个控件操作控制其它控件属性 如何使用ccform 用一个控件操作控制其它控件属性。
对一个控件的操作让其控制其他的控件属性的变化，这样的场景比较多。比如：一个checkbox是填写更多资料，当用户选择这个checkbox时，其他的数据控件是可以填写的否则是不可以填写的。

如何在ccform中实现它？请按照如下步骤设置：

1, 创建一个表单比如：



2， 创建该表单的JS文件。



3， 处理设置.
在该字段上点扩展属性，然后找到【正则表达式/事件】



4, 设置到属性里



5, 预览并调试效果。
选择前：



选择后：



 
 
更多的功能探索，请访问在线演示平台：
流程演示环境：http://demo.ccflow.org/
OA演示环境：(用户名amdin 密码：pub) http://ccoa.ccflow.org/Main/NewHome/login.aspx 驰骋工作流引擎官方网站：http://www.ccflow.org/
与众多爱好者共同探索，请加官方QQ群：383352596
指定联系官方QQ：1146275232