教程模式的流程应用

1、第一部分 Html 模式的流程应用一. 接口说明流程的 html 模式，用户写 js 代码，来对流程表单的数据进行操作二. 应用案例1)绑定表单字段，这个是为 html 模式流程开发的基础Ø要绑定一个，首先要找到的是字段的 id，其实就是对应的 html 控件的 id。找这个 id 是比较容易的，我们有下面 3 种方式来找到控件的 idi.通过 ie 的工具查找，ie8 在工具的菜单下面有个开发我要查找请假天数这个字段的 id工具，如下图：可以看到字段的 id 为 field10146。同时我们还可以看到请假天数的 span的 id 为 field10146spanii.从表单上看，

2、如下图一样可以看到字段的 id 为 10146。控件对应的 id 就为 field10146。iii.从 html 模板里面查看，如下图我们一样可以看到字段的 id 为 10146。Ø绑定绑定可以通过 jquery 来实现，jquery 绑定非常简单。代码如下：<script language="javascript">/绑定主字段/文本框、浏览框、使用 propertychange绑定/下拉框使用 change绑定/check 框不能通过值来，需要通过 check 框的 checked 属性来当前 check 框是否被选中了，绑定可以用 click/

3、主字段命名规则，field+字段的 id，如 field10146 10146 为字段的 id jQuery(document).ready(function()/文本框、浏览框jQuery("#field10146").bind("propertychange",function()bindfield10146(););/下拉框jQuery("#field10147").bind("change",function()alert("请假类型："+jQuery("#field10147

4、").val(););/check 框jQuery("#field10161").bind("click",function()alert("check 框："+jQuery("#field10161").attr("checked"););/如果一进入页面就需要执行某件事，比如下面获得 check 框是否被选中/alert("check 框："+jQuery("#field10161").attr("checked"););

5、function bindfield10146()alert("请假天数："+jQuery("#field10146").val();/绑定明细字段jQuery(document).ready(function()/绑定已经存在的数据/绑定明细表 1，indexnum0 代表当前有多少行明细，包括删除的明细数据/如果需要绑定明细表2，则需要把indexnum0 改成indexnum1，明细表3，indexnum2，后面的类推/明细字段名规则为 field+字段的 id+"_"+明细数据的行号/field10150_0 字段 id 为

6、10150 行号为 0第一行if(jQuery("#indexnum0").length>0)/该字段是否存在var indexnum0 = jQuery("#indexnum0").val() * 1.0; for(var index=0;index<indexnum0;index+)/绑定核算部门字段jQuery("#field10150_"+index).bind("propertychange",function()alert(this.value););/动态绑定添加行的里面的字段，当前添加的行，行号等于明细表行数的值 - 1/也就是 indexnum0 的值 - 1 jQuery("#indexnum0").bind("propertychange",function()var indexnum0 = this.value * 1.0 - 1;/绑定核算部门字段jQuery("#field1