Ecology的JSP式样编写指南.doc

泛微协同商务系统(Ecology) JSP式样编写指南1阴影外框31.1效果图31.2代码32卡片样式42.1效果图42.2代码43非分页列表样式53.1效果图53.2代码54多选浏览框样式64.1效果图64.2代码65单选浏览框样式85.1效果图85.2代码86右键按钮96.1效果图96.2代码97输入框样式107.1效果图107.2代码108浏览按钮样式108.1效果图108.2代码109按钮样式（文档相关）109.1效果图109.2代码1010按钮样式（添加明细）1010.1效果图1010.2代码1011树形1111.1效果图1111.2代码1111.3数据源格式1212单选框树形1312.1效果图1312.2代码1313分页列表1414页面保护1414.1效果图1414.2代码141 阴影外框1.1 效果图1.2 代码内容2 卡片样式2.1 效果图2.2 代码一般名称泛微软件有限公司3 非分页列表样式3.1 效果图3.2 代码列表名1列表名2列表名3列表值A1列表值A2列表值A3列表值B1列表值B2列表值B34 多选浏览框样式4.1 效果图4.2 代码条件1条件2列表1列表2列表3列表4列表值1列表值2列表值3列表值4img src=/images/arrow_u.gif style=cursor:hand title= onclick=javascript: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();img src=/images/arrow_all_out.gif style=cursor:hand title= onclick=javascript:deleteAllFromList();img src=/images/arrow_d.gif style=cursor:hand title= onclick=javascript:downFromList();5 单选浏览框样式5.1 效果图5.2 代码条件1条件2 列表1列表名2列表名3列表名4列表值A1列表值A2列表值A3列表值B1列表值B2列表值B36 右键按钮6.1 效果图6.2 代码7 输入框样式7.1 效果图7.2 代码8 浏览按钮样式8.1 效果图8.2 代码9 按钮样式（文档相关）9.1 效果图9.2 代码10 按钮样式（添加明细）10.1 效果图10.2 代码BUTTON Class=BtnFlow type=button accessKey=A onclick=addRow()A-添加BUTTON Class=BtnFlow type=button accessKey=E onclick=if(isdel()deleteRow1();E-删除11 树形11.1 效果图11.2 代码引入的JS与CSSBody中的显示/以下初始化树function initTree()/设置选中的节点cxtree_id = Node_123;/初始化后选择中的节点IDCXLoadTreeItem(, /workflow/workflow/WorkflowXML.jsp);/XML数据源var tree = new WebFXTree();tree.add(cxtree_obj);document.getElementById(treeDIV).innerHTML = tree;cxtree_obj.expand();/展开树11.3 数据源格式 TreeNode：树节点定义Title：树节点显示的文字Icon：节点的图标NodeId：节点的IDTarget：点击链接后的目标地址Href：点击后的链接地址NodeXmlSrc：子节点的数据地址12 单选框树形12.1 效果图12.2 代码引入的JS与CSSBody中的显示/设置单选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);document.getElementById(treeDIV).innerHTML = tree;cxtree_obj.expand();/展开树12.3 数据源格式 TreeNode：树节点定义Title：树节点显示的文字Icon：节点的图标NodeId：节点的IDTarget：点击链接后的目标地址Href：点击后的链接地址NodeXmlSrc：子节点的数据地址13 分页列表见泛微分页控件使用帮助及规范14 页面保护14.1 效果图14.2 代码function protectCreatorFlow()var opt = true; try opt = document.getElementById(src).value=; ca