泛微协同商务系统(Ecology)_JSP式样编写指南.doc

1 阴影外框 3 1.1 效果图 3 1.2 代码 3 2 卡片样式 4 2.1 效果图 4 2.2 代码 4 3 非分页列表样式 5 3.1 效果图 5 3.2 代码 5 4 多选浏览框样式 6 4.1 效果图 6 4.2 代码 6 5 单选浏览框样式 8 5.1 效果图 8 5.2 代码 8 6 右键按钮 9 6.1 效果图 9 6.2 代码 9 7 输入框样式 10 7.1 效果图 10 7.2 代码 10 8 浏览按钮样式 10 8.1 效果图 10 8.2 代码 10 9 按钮样式（文档相关） 10 9.1 效果图 10 9.2 代码 10 10 按钮样式（添加明细） 10 10.1 效果图 10 10.2 代码 10 11 树形 11 11.1 效果图 11 11.2 代码 11 11.3 数据源格式 12 12 单选框树形 13 12.1 效果图 13 12.2 代码 13 13 分页列表 14 14 页面保护 14 14.1 效果图 14 14.2 代码 14 阴影外框 效果图 代码 table width=100% height=100% border=0 cellspacing=0 cellpadding=0 colgroup col width=10 col width= col width=10 tr td height=10 colspan=3/td /tr tr td /td td valign=top TABLE class=Shadow tr td valign=top 内容… /td /tr /TABLE /td td/td /tr tr td height=10 colspan=3/td /tr /table 卡片样式 效果图 代码 TABLE class=ViewForm COLGROUP COL width=30% COL width=70% TBODY TR class=Title TH colSpan=2一般/TH /TR TR class=Spacing TD class=Line1 colSpan=2/TD /TR TR TD名称/TD TDclass=Field泛微软件有限公司/TD /TR TR TD class=Line colspan=2/TD /TR /TBODY /TABLE 非分页列表样式 效果图 代码 TABLE class=ListStyle cellspacing=1 COLGROUP COL width=33% COL width=33% COL width=33% TR class=Header TH列表名1/TH TH列表名2/TH TH列表名3/TH /TR TR class=Line TD colSpan=3/TD /TR TR class=DataDark TD列表值A1/TD TD列表值A2/TD TD列表值A3/TD /TR TR class=DataLight TD列表值B1/TD TD列表值B2/TD TD列表值B3/TD /TR /TABLE 多选浏览框样式 效果图 代码 table width=100% class=ViewForm valign=top TR class=SpacingTD class=Line1 colspan=4/TD/TR TR TD width=15%条件1/TD TD width=35% class=fieldinput class=InputStyle name=name /TD TD width=15%条件2/TD TD width=35% class=field input class=InputStyle name=engname /TD /TR TR class=SpacingTD class=Line1 colspan=4/TD/TR /table !--#################Search Table END//######################-- tr width=100% td width=60% !--############Browser Table START################-- TABLE class=BroswerStyle cellspacing=0 cellpadding=0 TR class=DataHeader TH width=0% style=display:none列表1/TH TH width=20%列表2/TH TH width=30%列表3/TH TH width=40%列表4/TH /tr tr td colspan=4 width=100% div style=overflow-y:scroll;width