Ecology JSP4-多选浏览框样式

效果图

4.2	代码

<table width=100% class=ViewForm valign="top">
<TR class=Spacing><TD class=Line1 colspan=4></TD></TR>
<TR>
<TD width=15%>条件1</TD>
<TD width=35% class=field><input class=InputStyle  name=name ></TD>
<TD width=15%>条件2</TD>
<TD width=35% class=field>
<input class=InputStyle  name=engname >
</TD>
</TR>
<TR class=Spacing><TD 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:100%;height:350px">
<table width="100%" id="BrowseTable">
<TD style="display:'none'">列表值1</TD>
<td width="25%" style="word-wrap:break-word">列表值2</TD>
<TD width="30%">列表值3</TD>
<TD width="40%">列表值4</TD>
</TR>
</table>
</div>
</td>
</tr>
</TABLE>
</td>
<!--##########Browser Table END//#############-->
<td width="40%" valign="top">
<!--########Select Table Start########-->
<table  cellspacing="1" align="left" width="100%">
<tr>
<td align="center" valign="top" width="30%">
<img src="/images/arrow_u.gif" style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(15084,user.getLanguage())%>" onclick="javascript:upFromList();">
<br><br>
<img src="/images/arrow_all.gif" style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(17025,user.getLanguage())%>" onClick="javascript:addAllToList()">
<br><br>
<img src="/images/arrow_out.gif"  style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(91,user.getLanguage())%>" onclick="javascript:deleteFromList();">
<br><br>
<img src="/images/arrow_all_out.gif"  style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(16335,user.getLanguage())%>" onclick="javascript:deleteAllFromList();">
<br><br>
<img src="/images/arrow_d.gif"   style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(15085,user.getLanguage())%>" onclick="javascript:downFromList();">
</td>
<td align="center" valign="top" width="70%">
<select size="15" name="srcList" multiple="true" style="width:100%;word-wrap:break-word" >


</select>
</td>
</tr>

</table>
<!--########//Select Table End########-->

</td>
</tr>

</FORM>

</td>
</tr>
</TABLE>
<!--##############Shadow Table END//######################-->
</td>
<td></td>
</tr>
<tr>
<td height="10" colspan="3"></td>
</tr>
</table>

转载请注明：赫非域 » Ecology JSP4-多选浏览框样式