泛微HTML表單項(xiàng)目實(shí)施基礎(chǔ)入門

1、 UTSTARCOM-WorkflowEcology7.0系統(tǒng)項(xiàng)目實(shí)施之HTML表單基礎(chǔ)入門 Submitted by Weaver Software聯(lián)系人 王恒Project Manager地址：上海市浦東新區(qū)耀華支路39弄9號(hào)泛微大樓郵編：200126手機(jī)：186-0581-3255Email:wang.heng文檔版本變更序號(hào)日期版本文件變更申請(qǐng)編號(hào)變更說(shuō)明修改人12013-11-03V1.0無(wú)初稿王恒22013-11-04V2.0無(wú)增加圖片等優(yōu)化王恒目錄1、引言32、HTML表單準(zhǔn)備工作32.1 申請(qǐng)非標(biāo)功能，打升級(jí)包32.2 HTML語(yǔ)言基礎(chǔ)（關(guān)鍵字段）簡(jiǎn)介33. 項(xiàng)目實(shí)施過(guò)程中經(jīng)驗(yàn)

2、分享43.1 HTML表單初始化設(shè)置43.2 主字段的運(yùn)算設(shè)置43.3 明細(xì)字段 優(yōu)化51、引言項(xiàng)目實(shí)施過(guò)程中，會(huì)遇到HTML樣式表單，結(jié)合幾個(gè)項(xiàng)目實(shí)施經(jīng)驗(yàn)，現(xiàn)和大家一起分享總結(jié)相關(guān)內(nèi)容。歡迎大家指正和補(bǔ)充。備注：考慮到瀏覽器兼容性問(wèn)題，本文檔測(cè)試環(huán)境所使用IE瀏覽器版本均為8.0。2、HTML表單準(zhǔn)備工作2.1 申請(qǐng)非標(biāo)功能，打升級(jí)包此處省略。2.2 HTML語(yǔ)言基礎(chǔ)（關(guān)鍵字段）簡(jiǎn)介3. 項(xiàng)目實(shí)施過(guò)程中經(jīng)驗(yàn)分享3.1 HTML表單初始化設(shè)置具體操作省略。注意事項(xiàng)：A、可根據(jù)實(shí)際情況選擇列數(shù)；B、初始化時(shí)可自定義其序號(hào)，排序可按排列后的序號(hào)進(jìn)行有序排列；C、初始化時(shí)可定義各字段在該節(jié)點(diǎn)時(shí)的編輯

3、權(quán)限：只讀，編輯，必填；D、注意以下字段：標(biāo)題，緊急程度，簽字意見(jiàn)。3.2 主字段的運(yùn)算設(shè)置示例1：加減乘除運(yùn)算，如下圖：前提：運(yùn)算中的字段類型須為單行文本-整數(shù)/浮點(diǎn)數(shù)，或者瀏覽按鈕-日期的類型配置圖效果圖示例2：金額大小寫(xiě)轉(zhuǎn)換，如下圖：前提：需定義2單行文本浮點(diǎn)數(shù)類型字段，且保證大寫(xiě)金額字段為只讀權(quán)限配置圖效果圖示例3：日期相減，如下圖：配置圖效果圖3.3 明細(xì)字段 優(yōu)化3.3.1 添加/刪除按鈕 建議居左因明細(xì)字段一般放在主字段下面，系統(tǒng)默認(rèn)居右，不方便用戶操作修改前修改后修改前-配置截圖修改后-配置截圖效果圖設(shè)置方法：將align="right" 修改為align=

4、"left"重要提示：若流程節(jié)點(diǎn)操作者需要對(duì)明細(xì)字段有新增，修改，刪除等權(quán)限，需要在此節(jié)點(diǎn)開(kāi)放明細(xì)字段新增，修改，刪除等配置權(quán)限，如下圖：3.3.2 字段賦值節(jié)點(diǎn)前附加操作即可完成3.3.3 字段長(zhǎng)度限制比如：物料編碼最大需輸入10位，則需將此字段的類型及屬性設(shè)置為，如下圖當(dāng)填入內(nèi)容超過(guò)10位數(shù)字后，系統(tǒng)則會(huì)提示備注：若客戶需求此字段只能是10位數(shù)字，則需二次開(kāi)發(fā)控制3.3.4 明細(xì)字段個(gè)數(shù)較多怎么辦？建議解決方案：可經(jīng)過(guò)修改HTML代碼進(jìn)行拆分2行，兩種方法兩種控制效果第1種方法及效果：只拆分<tr>標(biāo)簽部分，拆分成2行內(nèi)容，效果是兩行明細(xì)字段的百分比寬度一致保持一致，不能進(jìn)行各行百分比寬度的設(shè)置配置圖：效果圖：第2種方法及效果：拆分<table>標(biāo)簽，拆分成2行內(nèi)容，效果是兩行的百分比可自行設(shè)置控制配置圖：效果圖：3.3.5 明細(xì)字段顯示內(nèi)容太多，需要換行怎么辦？建議解決方案：在流程關(guān)聯(lián)表單字段名稱中加入設(shè)置，增加<br>元素即可解決此問(wèn)題配置圖：效果圖：泛微網(wǎng)絡(luò)科技股份有限公司 地址：上海市浦東新區(qū)耀華支路39弄9號(hào)泛微軟件大廈 郵編：20012