📄 html.jsp
字号:
<%@ taglib uri="/tags/web-html" prefix="html" %>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/web-i18n" prefix="web"%>
<%@ page contentType="text/html;charset=GBK" %>
<%@ page import="java.util.*"%>
<%@ page import="html.*"%>
<%@ page import="org.loushang.web.taglib.util.*"%>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='css-xp1.css'/>">
<html:html>
<head>
<title>html组件</title>
<web:js src="loading.js"/>
<%
Map map = new HashMap();
map.put("id","2");
map.put("name","web-html组件");
map.put("code","Value 3");
map.put("array",new String[]{"1","2"});
request.setAttribute(Global.getString("html.data"), map);
List array = new ArrayList();
map = new HashMap();
map.put("key","1");
map.put("value","value1");
array.add(map);
map = new HashMap();
map.put("key","2");
map.put("value","value2");
array.add(map);
request.setAttribute("stateCollection",array);
%>
</head>
<BODY topmargin="50px" style="background-color:#FFFFFF;">
<table width="100%">
<tr>
<td><label class="title">普通html组件</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>
<div>
<html:form action="">
checkbox:<html:checkbox name="checkbox" value="1" onchange="alert(this.value)" styleClass="advcheckbox">1</html:checkbox>
<p>
<!--单选框value属性值如果与通过上下文取到的值匹配,则选中-->
radio:<html:radio name="radio" property="id" value="2" onclick="alert(this.value)">是</html:radio>
<html:radio name="radio" value="1" onchange="alert(this.value)">否</html:radio>
<br>
<!--复选框value属性值如果与通过上下文取到的值匹配,则选中-->
checkbox:<html:checkbox name="checkbox" value="1" onchange="alert(this.value)" styleClass="advcheckbox">1</html:checkbox>
<html:checkbox name="checkbox" property="id" value="2" onchange="alert(this.value)">2</html:checkbox>
<br>
multibox:<html:multibox name="checkbox" property="array" value="1">1</html:multibox>
<html:multibox name="checkbox" property="array" value="2">2</html:multibox>
<br><br><br>
<button onclick="loading.show(true,5);">Loading...组件</button>
<html:loading id="loading"></html:loading>
<p>
text组件(不从bean取值):<html:text name="id" value=""></html:text>
<br>
text组件id(从bean取值):<html:text name="id" property="id"></html:text>
<br>
text组件name(从bean取值):<html:text name="name" property="name"></html:text>
<br>
password:<html:password name="password" property="name"/>
<br>
hidden:显示hidden内容(write="true"):<html:hidden name="hidden" property="id" write="true"/><br>
不显示hidden内容:<html:hidden name="hidden" property="id" />
<br>
file:<html:file name="theFile" value=""/>
<br>
textArea组件:<html:textarea name="id" value="textArea组件例子">
</html:textarea>
<br>
ognl取值:<html:textarea name="textarea" property="$(name+name.substring(3))">
</html:textarea>
<br>
label组件:<html:label name="state" property="id" collection="stateCollection" labelProperty="value" labelKey="key" />
<br>
label组件(隐藏):<html:label name="state1" visible="false" property="id" collection="stateCollection" labelProperty="value" labelKey="key" />
<br>
radioGroup组件:<html:radioGroup name="radio" property="id" collection="stateCollection" labelProperty="value" labelKey="key"/>
<br>
checkboxGroup组件:<html:checkboxGroup name="checkbox" property="array" collection="stateCollection" labelProperty="value" labelKey="key"/>
<p>
multiLabel组件:<html:multiLabel name="multi" property="array" collection="stateCollection" labelProperty="value" labelKey="key" write="true" delimiter=","/>
<br>
button组件:<html:button name="id" value="按钮" onclick="alert('hello button')"></html:button>
<br>
(提交)组件:<html:submit name="submit" value="提交" onclick="alert('提交')"></html:submit>
<br>
(重置)组件:<html:reset name="reset" value="恢复" onclick="alert('恢复所有更改')"></html:reset>
<br>
(取消)组件:<html:cancel name="cancel" value="取消" onclick="alert('取消更改')"></html:cancel>
</html:form>
</div>
</body>
</html:html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -