📄 manycards.jsp
字号:
<%@ page contentType="text/html;charset=GBK"%>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/web-html" prefix="html"%>
<%@ taglib uri="/tags/web-tab" prefix="tab"%>
<%@ taglib uri="/tags/web-i18n" prefix="web"%>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='skin.css'/>">
<web:js src="tab.js"/>
<html>
<head>
<title></title>
</head>
<form>
<table width="100%">
<tr>
<td><label class="title">普通 tab页组件</label></td>
<%
String file = request.getServletPath().substring(1);
String app = request.getContextPath();
%>
<td><label class="title">url：<%=file%></label></td>
<td align="right" valign="bottom" nowrap> [<a
href="<%=app%>/src.jsp?target=<%=file %>" target="source">源代码</a>] </td>
</tr>
</table>
<hr>
<body>
<table style="margin-top:50;" align=center>
<tr>
<td>
<tab:tab id="tab1" height="260" width="400">
<tab:card id="card1" text="测试一"><center style="margin-top:100;">测试一</center></tab:card>
<tab:card id="card2" text="测试二" selected="1"><center style="margin-top:100;">测试二</center></tab:card>
<tab:card id="card3" text="测试三"><center style="margin-top:100;">测试三</center></tab:card>
<tab:card id="card4" text="测试四"><center style="margin-top:100;">测试四</center></tab:card>
<tab:card id="card5" text="Tab页测试五"><center style="margin-top:100;">测试五</center></tab:card>
<tab:card id="card6" text="测试六"><center style="margin-top:100;">测试六</center></tab:card>
<tab:card id="card7" text="Tab页测试七"><center style="margin-top:100;">测试七</center></tab:card>
<tab:card id="card8" text="测试八"><center style="margin-top:100;">测试八</center></tab:card>
<tab:card id="card9" text="Tab页测试九"><center style="margin-top:100;">测试九</center></tab:card>
<tab:card id="card10" text="测试十"><center style="margin-top:100;">测试十</center></tab:card>
</tab:tab>
</td>
</tr><tr>
<td> <button onclick="tab1.setVisible('card2',false);tab1.setVisible('card7',false);">隐藏card</button>
<button onclick="tab1.setVisible('card2',true);tab1.setVisible('card7',true);">显示card</button>
</td>
</tr>
</table>
</body>
</form>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -