查看样例源码Jsp源码
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib uri="/WEB-INF/tld/waf.tld" prefix="wafctrl" %> <%@ page session="false"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Number Field Demo</title> <link rel="stylesheet" href="<c:url value="/webviews/webframework/styles/pages/standard/standard_all.css"/>" type="text/css"/> <link rel="stylesheet" href="<c:url value="/webviews/webframework/styles/pages/standard/skin/eas/eas_all.css"/>" type="text/css"/> <script src="<c:url value="/webviews/webframework/waf-ctrl_all.js" />"></script> <script src="<c:url value="/webviews/webframework/waf-framework_all.js" />"></script> <script src="<c:url value="/webviews/webframework/waf-lang-zh-CN_all.js" />"></script> <style type="text/css"> input.highlight {background-color: #FFD840;color: red;} </style> </head> <body> <div id="log"></div> <form> <table class="commontable"> <tr> <th width="20%">数字输入框</th> <th width="22%">参数</th> <th>说明</th> </tr> <tr> <td> <wafctrl:numberField id="nf_default" name="nf_default" /> </td> <td>无</td> <td>默认情况,只设置必要属性(id, name)</td> </tr> <tr> <td> <wafctrl:numberField id="nf_allowGroup" name="nf_allowGroup" allowGroup="true"/> </td> <td>allowGroup</td> <td>设置为允许分组, 默认为不允许(false)</td> </tr> <tr> <td> <wafctrl:numberField id="nf_allowNegative" name="nf_allowNegative" allowNegative="false"/> </td> <td>allowNegative</td> <td>设置为不允许输入负数, 默认为允许(true)</td> </tr> <tr> <td> <wafctrl:numberField id="nf_currencySymbol" name="nf_currencySymbol" currencySymbol="$" formatType="currency"/> </td> <td>currencySymbol</td> <td>设置货币符号为"$", 默认为"￥"</td> </tr> <tr> <td> <wafctrl:numberField id="nf_dataType" name="nf_dataType" dataType="integer"/> </td> <td>dataType</td> <td>设置数字的类型为整数, bigdecimal代表浮点数, integer代表整数, 默认为bigdecimal</td> </tr> <tr> <td> <wafctrl:numberField id="nf_decimalPrecision" name="nf_decimalPrecision" decimalPrecision="4"/> </td> <td>decimalPrecision</td> <td>设置小数精度为4位, 默认为2位</td> </tr> <tr> <td> <wafctrl:numberField id="nf_disabled" name="nf_disabled" disabled="true"/> </td> <td>disabled</td> <td>禁用控件</td> </tr> <tr> <td> <wafctrl:numberField id="nf_formatType_c" name="nf_formatType_c" formatType="currency"/> </td> <td>formatType="currency"</td> <td>设置显示格式为货币, 包括:数字("number")、货币("currency")、百分比("percent")、千分比("thousandth"), 默认为数字("number")</td> </tr> <tr> <td><wafctrl:numberField id="nf_formatType_p" name="nf_formatType_p" formatType="percent"/></td> <td>formatType="percent"</td> <td>设置显示格式为百分比, 包括:数字("number")、货币("currency")、百分比("percent")、千分比("thousandth"), 默认为数字("number")</td> </tr> <tr> <td><wafctrl:numberField id="nf_formatType_t" name="nf_formatType_t" formatType="thousandth"/></td> <td>formatType="thousandth"</td> <td>设置显示格式为千分比, 包括:数字("number")、货币("currency")、百分比("percent")、千分比("thousandth"), 默认为数字("number")</td> </tr> <tr> <td><wafctrl:numberField id="nf_height" name="nf_height" height="40"/></td> <td>height</td> <td>设置控件的高度为40, 默认情况不指定高度, 由总体式样决定</td> </tr> <tr> <td><wafctrl:numberField id="nf_id" name="nf_id"/></td> <td>id</td> <td>指定数字输入框的id</td> </tr> <tr> <td> <wafctrl:numberField name="nf_hidden" id="nf_hidden" hidden="true"/> </td> <td>hidden</td> <td>设置控件不可见.</td> </tr> <tr> <td><wafctrl:numberField id="nf_max" name="nf_max" max="84.57"/></td> <td>max</td> <td>设置最大值为84.57, 默认没有最大值</td> </tr> <tr> <td><wafctrl:numberField id="nf_maxlength" name="nf_maxlength" maxlength="5"/></td> <td>maxlength</td> <td>设置输入的最大长度为5</td> </tr> <tr> <td><wafctrl:numberField id="nf_min" name="nf_min" min="27.65"/></td> <td>min</td> <td>设置最小值27.65, 默认没有最小值</td> </tr> <tr> <td><wafctrl:numberField id="nf_name" name="nf_name"/></td> <td>name</td> <td>指定数字输入框的name</td> </tr> <tr> <td><wafctrl:numberField id="nf_readonly" name="nf_readonly" readonly="true"/></td> <td>readonly</td> <td>设置控件为只读</td> </tr> <tr> <td><wafctrl:numberField id="nf_roundType_ceil" name="nf_roundType_ceil" roundType="ceil"/></td> <td>roundType="ceil"</td> <td>设置进位方式为ceil(取顶), 进位方式包括:ceil(取顶)、floor(取底)、round(四舍五入),默认值为round</td> </tr> <tr> <td><wafctrl:numberField id="nf_roundType_floor" name="nf_roundType_floor" roundType="floor"/></td> <td>roundType="floor"</td> <td>设置进位方式为floor(取底), 进位方式包括:ceil(取顶)、floor(取底)、round(四舍五入),默认值为round</td> </tr> <tr> <td><wafctrl:numberField id="nf_style" name="nf_style" style="background-color:blue;color:red;"/></td> <td>style</td> <td>设置控件背景为蓝色, 字体颜色为红色</td> </tr> <tr> <td><wafctrl:numberField id="nf_tabindex" name="nf_tabindex" tabindex="1"/></td> <td>tabindex</td> <td>输入框的tabindex为1</td> </tr> <tr> <td><wafctrl:numberField id="nf_tagClass" name="nf_tagClass" tagClass="highlight"/></td> <td>tagClass</td> <td>输入框的式样类设置为"highlight", 默认没有式样类</td> </tr> <tr> <td><wafctrl:numberField id="nf_value_1" name="nf_value_1" value="100.77777"/></td> <td>value</td> <td>设置控件的初始值为100.77777, 截取两位小数</td> </tr> <tr> <td><wafctrl:numberField id="nf_value_2" name="nf_value_2" dataType="integer" value="100.77777"/></td> <td>value (dataType="integer")</td> <td>设置控件的初始值为100.77777, 但控件的数字类型为整数, 数字会被截取</td> </tr> <tr> <td><wafctrl:numberField id="nf_value_3" name="nf_value_3" formatType="currency" value="100.77777"/></td> <td>value (formatType="currency")</td> <td>设置控件的初始值为100.77777, 显示格式为货币, 截取两位小数</td> </tr> <tr> <td><wafctrl:numberField id="nf_value_4" name="nf_value_4" formatType="percent" value="0.77777"/></td> <td>value (formatType="percent")</td> <td>设置控件的初始值为0.77777, 显示格式为百分比, 截取两位小数</td> </tr> <tr> <td><wafctrl:numberField id="nf_value_5" name="nf_value_5" formatType="thousandth" value="0.77777"/></td> <td>value (formatType="thousandth")</td> <td>设置控件的初始值为0.77777, 显示格式为千分比, 截取两位小数</td> </tr> <tr> <td><wafctrl:numberField id="nf_width" name="nf_width" width="200"/></td> <td>width</td> <td>设置控件的宽度为200px, 默认情况不指定宽度, 由总体式样决定</td> </tr> </table> <input type="reset" name="reset" value="Reset" class="button"/> </form> </body> </html>