附件泛微協(xié)同商務(wù)系統(tǒng)式樣編寫指南

1、泛微協(xié)同商務(wù)系統(tǒng)(Ecology)JSP 式樣編寫指南1陰影外框31.11.2效果圖3代碼32卡片樣式42.12.2效果圖4代碼4頁列表樣式4效果圖4代碼533.13.24多選瀏覽框樣式64.14.2效果圖6代碼65單選瀏覽框樣式85.15.2效果圖8代碼96右鍵按鈕106.16.2效果圖10代碼107輸入框樣式117.17.2效果圖11代碼118瀏覽按鈕樣式118.18.2效果圖11代碼119按鈕樣式（文檔相關(guān)）119.19.21010.110.21111.111.211.31212.112.2131414.114.2效果圖11代碼11按鈕樣式（添加明細(xì)）11效果圖11代碼12樹形12效果圖

2、12代碼12數(shù)據(jù)源格式錯誤!未定義書簽。單選框樹形12效果圖13代碼13分頁列表13頁面保護(hù)15效果圖15代碼151陰影外框1.1 效果圖1.2 代碼內(nèi)容22.1卡片樣式效果圖2.2代碼名稱泛微3頁列表樣式3.1 效果圖一般3.2 代碼列表值 A1列表值 A2列表值 A3列表值 B1列表值 B2列表值 B3列表名 1列表名 2列表名 34多選瀏覽框樣式4.1效果圖4.2代碼條件 1條件 2列表 1列表 2列表 3列表 4列表值 1列表值 2列表值 3列表值 4img src=/images/arrow_u.gif style=cursor:hand title= onclick=javascr

3、ipt:upFromList();img src=/images/arrow_all.gif style=cursor:hand title= onClick=javascript:addAllToList()img src=/images/arrow out.gif style=cursor:hand title= onclick=javascript:deleteFromList();5單選瀏覽框樣式5.1 效果圖img src=/images/arrow all out.gif style=cursor:hand title= onclick=javascript:deleteAllFr

4、omList();img src=/images/arrow d.gif style=cursor:hand title= onclick=javascript:downFromList();5.2 代碼條件 1條件 2列表 1列表名 2列表名 3列表名 46右鍵按鈕6.1 效果圖6.2 代碼% RC RC RC RC+= 提交,javascript:submit(), self ;Height += RCHeightStep ;+= 返回,/main.jsp,_self ;Height += RCHeightStep ;/* 參數(shù)以,隔開第一個是名稱 ，第二個是。 */地址或者是javasc

5、ript 方法，第三個是列表值 A1列表值 A2列表值 A3列表值 B1列表值 B2列表值 B3%7輸入框樣式7.1 效果圖7.2 代碼8瀏覽按鈕樣式8.1 效果圖8.2 代碼9按鈕樣式（文檔相關(guān)）9.1 效果圖9.2 代碼按鈕樣式（添加明細(xì)）效果圖10.2 代碼BUTTON Class=BtnFlow type=button acsKey=Aonclick=addRow()A-添加BUTTON Class=BtnFlow type=button acsKey=Eonclick=if(isdel()deleteRow1();E-刪除樹形效果圖11.2 代碼/以下初始化樹 function in

6、itTree()/設(shè)置選中的節(jié)點cxtree_id = Node_123;/初始化后選擇中的節(jié)點 IDCXLoadTreeItem(, /workflow/workflow/WorkflowXML.jsp);/XML 數(shù)據(jù)源var tree = new WebFXTree(); tree.add(cxtree_obj);.geementById(treeDIV).innerHTML = tree; cxtree_obj.expand();/展開樹Body 中的顯示引入的 JS 與 CSS11.3 數(shù)據(jù)源格式TreeNode Title=無子節(jié)點 1 Icon=/Left/ThemeXP/pag

7、e.gif NodeId=workflow_142TreeNode Title=無子節(jié)點 2 Icon=/Left/ThemeXP/page.gif NodeId=workflow_50TreeNode Title=無子節(jié)點 3 Icon=/Left/ThemeXP/page.gif NodeId=workflow_14812 單選框樹形12.1 效果圖12.2 代碼引入的 JS 與 CSSTreeNode：樹節(jié)點定義 Title：樹節(jié)點顯示的文字 Icon：節(jié)點的圖標(biāo) NodeId：節(jié)點的 ID：點擊后的目標(biāo)地址 Href：點擊后的地址 NodeXmlSrc：子節(jié)點的數(shù)據(jù)地址=wfmainF

8、rame Href= /=wfmainFrame Href= /=wfmainFrame Href= /12.3 數(shù)據(jù)源格式TreeNode Title=無子節(jié)點 1 Icon=/Left/ThemeXP/page.gif NodeId=workflow_142TreeNode Title=無子節(jié)點 2 Icon=/Left/ThemeXP/page.gif NodeId=workflow_50TreeNode Title=無子節(jié)點 3 Icon=/Left/ThemeXP/page.gif NodeId=workflow_148TreeNode：樹節(jié)點定義 Title：樹節(jié)點顯示的文字 Ic

9、on：節(jié)點的圖標(biāo) NodeId：節(jié)點的 ID：點擊后的目標(biāo)地址 Href：點擊后的地址 NodeXmlSrc：子節(jié)點的數(shù)據(jù)地址=wfmainFrame Href= /=wfmainFrame Href= /=wfmainFrame Href= /設(shè)置單選var appendimg = subject3;/指定節(jié)點前的圖標(biāo)為subject3.gif 的節(jié)點后出現(xiàn)radio 框var appendname = selObj;/生成的radio 控件名稱/以上二個變量刪除，則使用普通樹，如果加上這二個變量，則顯示單選 radio 框/以下初始化樹 function initTree()/設(shè)置選中的節(jié)點cxtree_id = Node_123;/初始化后選擇中的節(jié)點 IDCXLoadTreeItem(, /workflow/workflow/WorkflowXML.jsp);/XML 數(shù)據(jù)源var tree = new WebFXTree(); tree.add(cxtree_obj);.geementById(treeDIV).innerHTML = tree; cxtree_obj.expand();/展開樹Body 中的顯示13 分頁列表見泛微分頁控件使用幫助及規(guī)范頁面保護(hù)效果圖14.2 代碼function prote