教程模式的流程應(yīng)用

1、第一部分 Html 模式的流程應(yīng)用一. 接口說明流程的 html 模式，用戶寫 js 代碼，來對流程表單的數(shù)據(jù)進(jìn)行操作二. 應(yīng)用案例1)綁定表單字段，這個(gè)是為 html 模式流程開發(fā)的基礎(chǔ)Ø要綁定一個(gè)，首先要找到的是字段的 id，其實(shí)就是對應(yīng)的 html 控件的 id。找這個(gè) id 是比較容易的，我們有下面 3 種方式來找到控件的 idi.通過 ie 的工具查找，ie8 在工具的菜單下面有個(gè)開發(fā)我要查找請假天數(shù)這個(gè)字段的 id工具，如下圖：可以看到字段的 id 為 field10146。同時(shí)我們還可以看到請假天數(shù)的 span的 id 為 field10146spanii.從表單上看，

2、如下圖一樣可以看到字段的 id 為 10146?？丶?yīng)的 id 就為 field10146。iii.從 html 模板里面查看，如下圖我們一樣可以看到字段的 id 為 10146。Ø綁定綁定可以通過 jquery 來實(shí)現(xiàn)，jquery 綁定非常簡單。代碼如下：<script language="javascript">/綁定主字段/文本框、瀏覽框、使用 propertychange綁定/下拉框使用 change綁定/check 框不能通過值來，需要通過 check 框的 checked 屬性來當(dāng)前 check 框是否被選中了，綁定可以用 click/

3、主字段命名規(guī)則，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"););/如果一進(jìn)入頁面就需要執(zhí)行某件事，比如下面獲得 check 框是否被選中/alert("check 框："+jQuery("#field10161").attr("checked"););

5、function bindfield10146()alert("請假天數(shù)："+jQuery("#field10146").val();/綁定明細(xì)字段jQuery(document).ready(function()/綁定已經(jīng)存在的數(shù)據(jù)/綁定明細(xì)表 1，indexnum0 代表當(dāng)前有多少行明細(xì)，包括刪除的明細(xì)數(shù)據(jù)/如果需要綁定明細(xì)表2，則需要把indexnum0 改成indexnum1，明細(xì)表3，indexnum2，后面的類推/明細(xì)字段名規(guī)則為 field+字段的 id+"_"+明細(xì)數(shù)據(jù)的行號/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););/動(dòng)態(tài)綁定添加行的里面的字段，當(dāng)前添加的行，行號等于明細(xì)表行數(shù)的值 - 1/也就是 indexnum0 的值 - 1 jQuery("#indexnum0").bind("propertychange",function()var indexnum0 = this.value * 1.0 - 1;/綁定核算部門字段jQuery("#field1