附件泛微协同商务系统式样编写指南

1、泛微协同商务系统(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按钮样式（文档相关）119.19.21010.110.21111.111.211.31212.112.2131414.114.2效果图11代码11按钮样式（添加明细）11效果图11代码12树形12效果图

2、12代码12数据源格式错误!未定义书签。单选框树形12效果图13代码13分页列表13页面保护15效果图15代码151阴影外框1.1 效果图1.2 代码内容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 ;/* 参数以,隔开第一个是名称 ，第二个是。 */地址或者是javasc

5、ript 方法，第三个是列表值 A1列表值 A2列表值 A3列表值 B1列表值 B2列表值 B3%7输入框样式7.1 效果图7.2 代码8浏览按钮样式8.1 效果图8.2 代码9按钮样式（文档相关）9.1 效果图9.2 代码按钮样式（添加明细）效果图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()/设置选中的节点cxtree_id = Node_123;/初始化后选择中的节点 IDCXLoadTreeItem(, /workflow/workflow/WorkflowXML.jsp);/XML 数据源var tree = new WebFXTree(); tree.add(cxtree_obj);.geementById(treeDIV).innerHTML = tree; cxtree_obj.expand();/展开树Body 中的显示引入的 JS 与 CSS11.3 数据源格式TreeNode Title=无子节点 1 Icon=/Left/ThemeXP/pag

7、e.gif NodeId=workflow_142TreeNode Title=无子节点 2 Icon=/Left/ThemeXP/page.gif NodeId=workflow_50TreeNode Title=无子节点 3 Icon=/Left/ThemeXP/page.gif NodeId=workflow_14812 单选框树形12.1 效果图12.2 代码引入的 JS 与 CSSTreeNode：树节点定义 Title：树节点显示的文字 Icon：节点的图标 NodeId：节点的 ID：点击后的目标地址 Href：点击后的地址 NodeXmlSrc：子节点的数据地址=wfmainF

8、rame Href= /=wfmainFrame Href= /=wfmainFrame Href= /12.3 数据源格式TreeNode Title=无子节点 1 Icon=/Left/ThemeXP/page.gif NodeId=workflow_142TreeNode Title=无子节点 2 Icon=/Left/ThemeXP/page.gif NodeId=workflow_50TreeNode Title=无子节点 3 Icon=/Left/ThemeXP/page.gif NodeId=workflow_148TreeNode：树节点定义 Title：树节点显示的文字 Ic

9、on：节点的图标 NodeId：节点的 ID：点击后的目标地址 Href：点击后的地址 NodeXmlSrc：子节点的数据地址=wfmainFrame Href= /=wfmainFrame Href= /=wfmainFrame Href= /设置单选var appendimg = subject3;/指定节点前的图标为subject3.gif 的节点后出现radio 框var appendname = selObj;/生成的radio 控件名称/以上二个变量删除，则使用普通树，如果加上这二个变量，则显示单选 radio 框/以下初始化树 function initTree()/设置选中的节点cxtree_id = Node_123;/初始化后选择中的节点 IDCXLoadTreeItem(, /workflow/workflow/WorkflowXML.jsp);/XML 数据源var tree = new WebFXTree(); tree.add(cxtree_obj);.geementById(treeDIV).innerHTML = tree; cxtree_obj.expand();/展开树Body 中的显示13 分页列表见泛微分页控件使用帮助及规范页面保护效果图14.2 代码function prote