驰骋表单设计器的外部接口

Technorati Tags: 开源工作流引擎,驰骋.net工作流引擎,开源表单引擎,ccform,ccflow,jflow,ccbpm

 

1.在表单设计器中,如何获取自由表单下拉框的值?

应用背景:在表单的前台展现中,我们经常用到一个控件的js事件需要获取其它的控件的值,这里我们演示一下,如何在button 事件里获取一个下拉框的的选择的值。由此您可以开发灵活的js脚本应用了。

准备工作:在表单设计器的画布里,设置两个控件,一个button一个dropdownlistbox. 在button事件里做如下设置,如图所示。

预览效果:

2.如何用自由表单设计器映射我的物理表?

首先建立一个物理表或者视图,这个表或者视图必须有No,Name两个列,然后打开表Sys_SFTable, 把数据配置到里面。

3.如何利用ccform自定义表单来增加自己的控件,关于Sys_FrmEle表结构与数据存储设计.

   ccform的发展是根据应用环境不同不断的发展,所以控件类型的扩充会在以后经常遇到,如果为一种元素都增加一个类,这种设计方法不利于用户的扩充,为此我们增加了 Sys_FrmEle表.

   Sys_FrmEle 是ccform的表单元素数据存储的一个表,它是用于未来的表单元素扩展与用户对控件的自定义.

用于定义控件类型的属性 xml 在D:\ccflow\trunk\Data\XML\FrmEle.xml 文件中.

现把Sys_FrmEle表的存储结构解释如下,希望未来ccflow的爱好者能够根据此文档来定义自己的控件。

表结构:Sys_FrmEle

---------------------------------

MyPK varchar - 主键

FK_MapData varchar -表单ID

EleType varchar  -EleType 类型 HandSiganture手写签名, iFrame 网页框架. 其它的类型用户可以自己定义,

EleID varchar  -控件的ID.

EleName varchar  -控件名称

X float    -X位置

Y float    -Y位置

H float    -H高度

W float    -W宽度

IsEnable int  -是否启用

Tag1 varchar  - 预备字段1

Tag2 varchar  - 预备字段2

Tag3 varchar  - 预备字段3

Tag4 varchar  - 预备字段4

说明:

-----------------

1, 主键等于 MyPK= FK_MapData+"_"+EleType+"_"+EleID

2, EleID 一个表单中需要唯一.

3, EleType 类型 HandSiganture手写签名, iFrame 网页框架. 两个是ccform默认的, 如果是其它类型的控件需要您自己定义它.

4, Tag 是用于表示备用字段,它的意义是根据 EleType 来决定的.

当 EleType = HandSiganture时:

   Tag1 = 图片存储位置.

   Tag2 = 窗口打开宽度.

   Tag3 = 窗口打开高度.

当 EleType = iFrame时:

   Tag1 = URL, URL是可以带有@参数的.

   Tag2 = 框架宽度.

   Tag3 = 框架高度.

4.关于流程数据的从表数据汇总问题

我们知道ccflow的流程数据在运动过程中都是汇总到NDxRpt表里的(x表示流程编号),但是如果流程中有从表,从表如何汇总?我的应用系统在应用时如何获取从表的数据?

    CCFlow中的ccform 的从表为我们提供了如下个性化设置选项.

    1, 是否允许从上一个节点Copy数据. 解释: 这个属性控制节点在运动时是否要复制数据,如果是否,节点表单的从表数据就不参与copy.

    2, 从表的物理表. 解释: ccform在创建从表时自动创建一个默认的物理表名,但是您可以修改这个值.

应用场景: 有ABC 三个节点的流程, 三个节点表单的从表可以指向一个从表, 并且可以设定让它不执行copy. 这样的话从表的数据就可以从这个指定的明细物理表中找到.

5.如何使用驰骋工作流程引擎的表单设计器做数据提交前的表单验证

案例如下表单:

需要验证的地方是:

在提交前必要的字段不能为空,签发人,签发人电话,编校人,编校人电话,文章标题。

输入的电话号码格式必须符合要求。

上传的文件必须符合要求的格式,必须是.doc  .docx

上传附件不能为空。

1, 发送前数据不为空的检查。

在节点属性里找到这个节点编号,比如是101。

根据节点编号建立一个ND101_Self.js文件,放入。D:\ccflow\trunk\DataUser\JSLibData文件夹里。

说明:ReqTB 是ccform的内置函数,就是获取指定字段的文本框的值,与此相关的还有ReqDDL  与ReqCB . 内置函数请见表单操作手册。

打开节点属性,把在发送按钮里加入这个函数。


执行效果如下:

2, 利用系统与自定义的函数验证库处理格式输入的问题(此部分在表单设计器中有详细的操作步骤):

1,电话格式可以用ccform的扩展属性来设置。

这样利用ccflow函数库或者自己定义的函数库就很轻松的实现了一个字段格式的验证了。

3,校验上传的附件是指定的格式:

如果用户上传了不符合规定的附件,就会出现错误。

6.如何利用ccform中自定义函数实现对从表数据的一行数据输入的安全与逻辑验证?

如何利用ccform中自定义函数实现对从表数据的一行数据输入的安全与逻辑验证?

本实例适用与ccflow5, 与ccflow4.5 以上的版本。

在ccform 的从表中cc 为大家提供了与主表一样的内置函数,ReqTB获取字段文本的值,ReqCB获取checkbox的值, ReqDDL获取下拉框的值。

请按照如下步骤处理:

第一步:建立一个自定义的函数放在D:\ccflow\branches\ccflow4.5\VisualFlow\DataUser\JSLib\下.

打开这个文件按如下格式进行编辑逻辑处理内容:

第二步:建立一个从表(或者在实例表单库里找一个):

下一步:

下一步:

下一步完成:

OK, 我们看看运行效果吧.

 

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

时间: 2024-10-16 13:38:47

驰骋表单设计器的外部接口的相关文章

基于Extjs的web表单设计器 第二节——表单控件设计

这一节介绍表单设计器的常用控件的设计. 在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件.常用控件.这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计器的基本元素,更是核心组成部门. 一.区域控件,它主要包含三个类型的控件:卡片区域.表格区域.混合区域.这三个控件是我们的其他控件的容器或者叫包装器,相当于VS里面的各种Panel.它们很重要,每种区域控件的作用都不一样,能够包含的控件类型也不大一样,它们三个区域相互配合使用,可以为我们的表单提供强大的支

基于Extjs的web表单设计器 第七节——取数公式设计之取数公式的使用

基于Extjs的web表单设计器 基于Extjs的web表单设计器 第一节 基于Extjs的web表单设计器 第二节——表单控件设计 基于Extjs的web表单设计器 第三节——控件拖放 基于Extjs的web表单设计器 第四节——控件拖放 基于Extjs的web表单设计器 第五节——数据库设计 基于Extjs的web表单设计器 第六节——界面框架设计 基于Extjs的web表单设计器 第七节——取数公式设计之取数公式定义 基于Extjs的web表单设计器 第七节——取数公式设计之取数公式的使用

.net web 开发平台- 表单设计器 一(web版)

如今为了适应需求的不断变化,动态表单设计器应运而生.它主要是为了满足界面的不断变化和提高开发速度.比如:一些页面客户可能也无法确定页面的终于布局,控件的位置,在哪种情况下显示或不显示等可能须要随时改动.为了应对这些需求而不去多次改动源码进行公布,就能够在项目中使用动态表单设计器.如今分享一下我做的动态表单设计器的设计思路,共同学习. 想做一个表单设计器,首先要确定是做c/s的还是b/s.我考虑到以后的发展方向是c/s向b/s转化,所以就选择了b/s的方向,并且做b/s比做c/s要简单非常多.在做

基于Extjs的web表单设计器 第三节——控件拖放

看过之前设计器截图的朋友应该有印象,可能会发觉我们的设计器UI设计布局其实类似Visual studio 的设计界面,采用的是左.中.右三个区域布局.左侧为控件区域.中间为表单的画布设区域.右侧为属性区域.这样的UI设计肯定就得支持控件的拖拽设计,用户只要拖放一个控件到我们的画布上,那么画布就应该立即能够看到我们拖放的控件在画布中的位置.大小.以及一些控件自带的默认信息.不用说这样的设计对于用户来说不论在操作体验上还是设计的感官上都更加直接和方便,因为我在设计阶段就可以知道我设计后的表单在系统运

基于Extjs的web表单设计器

由于这样工作和自身的一些原因很长一段时间没有写过博客了.最近想把自己前面一段时间搞出的一个表单设计器的相关经验或者经历记录下来.分享给大家,也算是对自己前2个月的一个总结回顾吧. 首先介绍一下开发此版本的表单设计器的原因及背景.该项目是公司为中国某大型国有企业开发网上经费报销系统,主要是处理改集团及其二级单位,三级单位等子分公司的各种日常经费报销,预算控制及其他常用业务审批(比如:备用金借支.出差申请及差旅费报销.合同管理.资产调拨等).系统主要由两个最重要的部分组成一个WF流程设计及流程引擎—

基于Extjs的web表单设计器 第五节——数据库设计

这里列出表单设计器系列的内容,6.7.8节的内容应该在春节后才有时间出了.因为这周末就请假回老家了,准备我的结婚大事.在此提前祝大家春节快乐! 基于Extjs的web表单设计器 基于Extjs的web表单设计器 第一节 基于Extjs的web表单设计器 第二节——表单控件设计 基于Extjs的web表单设计器 第三节——控件拖放 基于Extjs的web表单设计器 第四节——控件拖放 基于Extjs的web表单设计器 第五节——数据库设计 基于Extjs的web表单设计器 第六节——界面框架设计

基于Extjs的web表单设计器 第六节——界面框架设计

基于Extjs的web表单设计器 基于Extjs的web表单设计器 第一节 基于Extjs的web表单设计器 第二节——表单控件设计 基于Extjs的web表单设计器 第三节——控件拖放 基于Extjs的web表单设计器 第四节——控件拖放 基于Extjs的web表单设计器 第五节——数据库设计 基于Extjs的web表单设计器 第六节——界面框架设计 基于Extjs的web表单设计器 第七节——取数公式设计 基于Extjs的web表单设计器 第八节——表单引擎设计 这一节我给大家介绍一下表单设

表单设计器系列之模板行的设置

嗯,下午我正在做一个BT版本,准备放出来让大家玩玩.做的时候 还是发现有些地方不太严谨,需要做一下设置. firstBlood,添加顺序 一般来说,我们添加一个表单是先添加中文描述,再添加输入.在我的表单设计器里面,每当添加一个 输入类型对象后 程序会自动去匹配其中文描述,匹配优先级如下: 优先匹配 当前输入对象所在td 紧挨着的左侧td,如果该左侧td是一个纯文本对象,那么就匹配它. 如果左侧td是一个输入类型对象,那么就会匹配 当前输入对象所在td垂直方向  上方的td 如果 1 和  2都

表单设计器系列之一些细节操作

下午好像么有什么事情,接着写,这篇文章跟大家讲讲表单设计器里面一些细节的操作和值得注意的地方, firstBlood,表格的宽.高调整. 默认情况下,我们会给表格的每个td设置一个默认的宽度和高度,如图所示: 我们可以看到 A B C D每列的宽度和高度都是一样的,那么同城情况下 我们期望 输入的地方变宽点.同样,操作很简单,比如我们想要B和D列变宽点,只需拖动B和D右边的调整按钮 向右边拖动即可,操作细节如下: 鼠标hover按钮 ---> 按下鼠标左键 ---> 向右平移 --->