泛微ecology表單設(shè)計(jì)器改進(jìn)增加單元格內(nèi)容屬性定義及支持多內(nèi)容

1、Weaver Software中國(guó)上海耀華支路39弄9號(hào)泛微軟件大廈郵政編碼：200126電話：+86 21 68869298傳真：+86 21 50942278【142220】新增功能：增加單元格內(nèi)容屬性定義及支持多內(nèi)容Submitted By Weaver Software 第一卷：價(jià)格卷(正本) 目 錄文檔版本控制31.引言41.1.背景42.項(xiàng)目概述42.1.功能描述43.功能說明4文檔版本控制文檔簡(jiǎn)要信息：文檔主題【142220】新增功能：表單設(shè)計(jì)器改進(jìn)（增加單元格內(nèi)容屬性定義及支持多內(nèi)容）作者劉夏斐審批者徐如晶、楊國(guó)生說明闡述表單設(shè)計(jì)器改進(jìn)（增加單元格內(nèi)容屬性定義及支持多內(nèi)容）需求

2、分析人員徐如晶咨詢電1076軟件開發(fā)人員柳直陽咨詢電1997測(cè)試人員劉夏斐咨詢電2071測(cè)試日期2015.06.22-2015.06.30預(yù)計(jì)發(fā)布日期2015.07.01發(fā)布人員余海群1081需求來源內(nèi)部需求文檔版本歷史：序號(hào)日期版本變更說明修改人審批人注釋1.2015-06-301.0初稿劉夏斐徐如晶楊國(guó)生2.2015-8-112.0刪除多內(nèi)容配置說明劉夏斐徐如晶楊國(guó)生3.4.5.6.7.8.9.10.3. 引言3.1. 背景改進(jìn)E8新版表單設(shè)計(jì)器，以滿足原h(huán)tml設(shè)計(jì)器可實(shí)現(xiàn)的常

3、用表單開發(fā)功能。4. 項(xiàng)目概述4.1. 功能描述增加單元格內(nèi)容屬性定義功能增加可在一個(gè)單元格內(nèi)填充多內(nèi)容的功能(目前僅支持主表)增加整體幫助和單元格屬性及字段信息提示功能5. 功能說明3.1功能入口后端引擎應(yīng)用中心-流程引擎-路徑管理-路徑設(shè)置-具體路徑-流轉(zhuǎn)設(shè)置。在【節(jié)點(diǎn)信息】列表中或圖形編輯中選中一個(gè)節(jié)點(diǎn)，使用表單設(shè)計(jì)器設(shè)置表單內(nèi)容。在右鍵菜單下點(diǎn)擊【自定義屬性】，如下圖所示：3.2批量設(shè)置單元格自定義屬性3.2.1添加單元格屬性在圖1-1所示表單設(shè)計(jì)器界面中，選中某一個(gè)單元格或圈選多個(gè)單元格后，點(diǎn)擊右鍵菜單的【自定義屬性】，功能為批量對(duì)選中的所有單元格設(shè)置自定義屬性。點(diǎn)擊【自定義屬性】后

4、，彈出操作窗口如下圖所示：【設(shè)置自定義屬性】操作窗口設(shè)置項(xiàng)說明： 1. 【設(shè)置自定義屬性】面板分上下兩組，第一組為【常用屬性】，固定提供4個(gè)屬性設(shè)置，分別為：ID、name、class、style。 2. 第二組為【自定義屬性】，由用戶自行定義。點(diǎn)擊“+”添加一行自定義屬性設(shè)置，勾選自定義屬性設(shè)置行后點(diǎn)擊“-”刪除勾選的自定義屬性，列頭需提供全選/全不選功能。自定義的屬性，【屬性名稱】必填。3. 【屬性值】表現(xiàn)形式均為單行文本輸入框，可編輯，默認(rèn)均為空。 點(diǎn)擊【設(shè)置自定義屬性】窗口的【保存】按鈕保存用戶設(shè)置的屬性值，點(diǎn)擊【清除】按鈕清空【設(shè)置自定義屬性】面板中的所有內(nèi)容，效果同手動(dòng)清除所有輸入

5、框內(nèi)容并刪除所有自定義屬性，即恢復(fù)初始值，點(diǎn)擊【關(guān)閉】或右上角的【X】不保存，直接關(guān)閉操作窗口。 4.【是否隱藏】提供可以選擇對(duì)內(nèi)容進(jìn)行隱藏，如果勾選的話則在前臺(tái)不顯示你選擇的隱藏內(nèi)容。注： 點(diǎn)擊【清除】后，仍然需點(diǎn)擊【保存】才能真正刪除所有自定義屬性設(shè)置，點(diǎn)擊【清除】后，如關(guān)閉窗口不保存，則自定義屬性仍然存在。3.2.2查看單元格屬性對(duì)于設(shè)置了自定義屬性的單元格，單元格需有角標(biāo)提示此單元格已做過屬性設(shè)置，如下圖所示：鼠標(biāo)覆上角標(biāo)提示已設(shè)過的屬性情況，如下圖所示：點(diǎn)擊選中設(shè)過自定義屬性的單元格，設(shè)計(jì)器右側(cè)面板【說明】自動(dòng)展開并能夠聯(lián)動(dòng)顯示選中活動(dòng)單元格的屬性設(shè)置情況；如果該單元格中有字段，則需

6、同時(shí)顯示出字段的id，如下圖所示：圖1-53.2.3編輯單元格屬性在表單設(shè)計(jì)器界面中，選中已經(jīng)設(shè)過屬性的單元格，點(diǎn)擊右鍵菜單的【自定義屬性】，功能為批量對(duì)當(dāng)前選中的所有單元格修改自定義屬性。如果用戶一次性選擇多個(gè)單元格，則帶出第一個(gè)選中單元格的屬性設(shè)置值，修改保存時(shí)，會(huì)同時(shí)修改所有選擇的單元格屬性為操作窗口中輸入的值。3.3設(shè)置行屬性在表單設(shè)計(jì)器行頭右鍵可設(shè)置整行的自定義屬性，如下圖所示：點(diǎn)擊【自定義屬性】后彈出的操作窗口與上面所述的相同。對(duì)行設(shè)置屬性后，可通過代碼控制整行顯示/隱藏等功能。選中整行后，設(shè)置的行數(shù)名稱會(huì)變紅，設(shè)計(jì)器右側(cè)面板【說明】自動(dòng)展開并能夠聯(lián)動(dòng)顯示選中行的屬性設(shè)置情況。4、

7、 增加可在一個(gè)單元格內(nèi)填充多內(nèi)容的功能4.1功能入口4.1.1將一個(gè)單元格直接擴(kuò)充為多個(gè)單元格進(jìn)入表單設(shè)計(jì)器后，在【插入】標(biāo)簽頁中增加【文本】按鈕，如下圖所示：當(dāng)一個(gè)空單元格中插入【文本】后，該普通單元格自動(dòng)轉(zhuǎn)變?yōu)槎鄡?nèi)容單元格，并加以多內(nèi)容單元格圖標(biāo)標(biāo)識(shí)。可任意插入多個(gè)【文本】，插入后雙擊多內(nèi)容單元格展開，顯示行數(shù)為插入的【文本】數(shù)量+1的一列單元格，如下圖所示：注： 如用戶在多內(nèi)容編輯面板中刪除行后，若全部刪除，在【確定】后均自動(dòng)將此單元格恢復(fù)為普通單元格，單元格中保留為空。如刪除只剩下一行的時(shí)候還是以多文本狀態(tài)顯示。4.1.1在一個(gè)單元格內(nèi)添加多個(gè)字段或標(biāo)簽或文本自動(dòng)形成多內(nèi)容單元格目前在

8、一個(gè)單元格中插入流程表單的字段或標(biāo)簽后，如果再在同一個(gè)單元格中添加其他標(biāo)簽或字段，會(huì)自動(dòng)替換原有標(biāo)簽或字段。本次修改后，改為在已經(jīng)添加了字段或標(biāo)簽的單元格中再次添加字段或標(biāo)簽，自動(dòng)形成多內(nèi)容單元格，雙擊多內(nèi)容單元格后，根據(jù)添加的內(nèi)容數(shù)量，自動(dòng)形成對(duì)應(yīng)行數(shù)的一列單元格，不再替換原有字段或標(biāo)簽。4.2功能說明4.2.1多內(nèi)容編輯狀態(tài)下頂部可操作的按鈕雙擊多內(nèi)容單元格后，進(jìn)入多內(nèi)容編輯狀態(tài)，對(duì)于多內(nèi)容的編輯，雖然展現(xiàn)仍然為一列單元格的形式，但與普通單元格不同，不支持單元格表格線、單元格合并等操作，操作界面如下圖所示：頂部區(qū)域，【格式】標(biāo)簽頁下只能使用針對(duì)字體格式的設(shè)置按鈕，以及“插入行”、“刪除行”

9、、“清除內(nèi)容”、“清除格式”和“全部清除”按鈕?！静迦搿繕?biāo)簽頁下只可使用插入“鏈接”、“代碼”按鈕。對(duì)于插入字段的內(nèi)容，可正常操作所有【字段屬性】標(biāo)簽頁下的功能。4.2.2多內(nèi)容編輯狀態(tài)下右鍵菜單可操作內(nèi)容多內(nèi)容編輯狀態(tài)下，右鍵操作菜單如下圖所示：右鍵操作菜單說明如下表所示：4.2.3添加內(nèi)容在多內(nèi)容編輯狀態(tài)下，需要通過插入行添加空白內(nèi)容，退出多內(nèi)容編輯狀態(tài)后可通過選中多內(nèi)容單元格后插入【文本】的方式來添加空白內(nèi)容。退出多內(nèi)容編輯狀態(tài)后，也可以直接添加字段或標(biāo)簽，新添加的內(nèi)容自動(dòng)追加到多內(nèi)容的最后。多內(nèi)容編輯面板需要控制一個(gè)最大高度，添加的內(nèi)容超出一定數(shù)量后，自動(dòng)出現(xiàn)垂直滾動(dòng)條。內(nèi)容與內(nèi)容之間，通過雙點(diǎn)擊行尾的符號(hào)來插入換行標(biāo)記，點(diǎn)擊后圖標(biāo)變?yōu)楦吡溜@示，以標(biāo)記為已插入換行符。4.2.4替換內(nèi)容在多內(nèi)容編輯狀態(tài)下，選中已有字段或標(biāo)簽的內(nèi)容行，在右側(cè)面板中再添加字段或標(biāo)簽，統(tǒng)一為替換當(dāng)前內(nèi)容的功能，與普通單元格的追加功能不同，需注意。4.2.5刪除內(nèi)容在多內(nèi)容編輯狀態(tài)下，選中一個(gè)內(nèi)容后右鍵，選中【清除內(nèi)容】或點(diǎn)擊鍵盤的【delete】鍵，均可清除對(duì)應(yīng)行的內(nèi)容，但對(duì)應(yīng)行不消失。選中內(nèi)容后點(diǎn)擊【刪除】，則此行包括其中的內(nèi)容均刪除。退出多內(nèi)容編