`
niulanshan
  • 浏览: 564051 次
文章分类
社区版块
存档分类
最新评论

数值微调器

 
阅读更多

1、用DoJo实现数值微调器

NumberSpinner.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数值微调器</title>
<link rel="stylesheet" type="text/css" href="dojoroot/dojo/resources/dojo.css">
<link rel="stylesheet" type="text/css" href="dojoroot/dijit/themes/tundra/tundra.css">
<script type="text/javascript" src="dojoroot/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
<style type="text/css">
 .form_body{
   width:20%;
   background-color: #CCCCCC;
   padding: 10px 10px 10px 10px;
 }
 label {
	 font-weight: bold;
	 color: #FF0000;
 }
</style>
<script type="text/javascript">
 dojo.require("dojo.parser");
 dojo.require("dijit.form.Form");
 dojo.require("dijit.form.Button");
 dojo.require("dijit.form.NumberSpinner");
</script>
<script type="dojo/method">
 dojo.mixin(this,{
     reset:function(){
      this.setValue(0);
    }
  });
</script>
</head>
<body class="tundra">
 <form dojoType="dijit.form.Form" class="form_body">
    <label for="number">数值微调器:</label>
    <input dojoType="dijit.form.NumberSpinner" constraints="{min:-100,max:100}" value=0/>
    <br/><br/>
    <label for="numberSpinner">数值微调器:</label>
    <input dojoType="dijit.form.NumberSpinner" constraints="{min:-100,max:100}" jsId="numberSp"
       value=0/>
    <br/><br/>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <button dojoType="dijit.form.Button" onclick="numberSp.reset()">重置</button>
 </form>
</body>
</html>

2、运行项目是,Tomcat运行后出现:

七月 10, 2013 12:33:19 上午 org.apache.catalina.core.AprLifecycleListener init
严重: An incompatible version 1.1.22 of the APR based Apache Tomcat Native library is installed, while Tomcat requires version 1.1.24
七月 10, 2013 12:33:21 上午 org.apache.catalina.core.AprLifecycleListener init
严重: An incompatible version 1.1.22 of the APR based Apache Tomcat Native library is installed, while Tomcat requires version 1.1.24
七月 10, 2013 12:33:21 上午 org.apache.catalina.core.AprLifecycleListener init
严重: An incompatible version 1.1.22 of the APR based Apache Tomcat Native library is installed, while Tomcat requires version 1.1.24
七月 10, 2013 12:33:21 上午 org.apache.catalina.core.AprLifecycleListener init
严重: An incompatible version 1.1.22 of the APR based Apache Tomcat Native library is installed, while Tomcat requires version 1.1.24
七月 10, 2013 12:33:22 上午 org.apache.tomcat.util.digester.SetPropertiesRule begin
警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclipse.jst.jee.server:dojo' did not find a matching property.
七月 10, 2013 12:33:22 上午 org.apache.catalina.core.AprLifecycleListener init
严重: An incompatible version 1.1.22 of the APR based Apache Tomcat Native library is installed, while Tomcat requires version 1.1.24
七月 10, 2013 12:33:23 上午 org.apache.coyote.AbstractProtocol init
信息: Initializing ProtocolHandler ["http-bio-8080"]
七月 10, 2013 12:33:23 上午 org.apache.coyote.AbstractProtocol init
信息: Initializing ProtocolHandler ["ajp-bio-8009"]
七月 10, 2013 12:33:23 上午 org.apache.catalina.startup.Catalina load
信息: Initialization processed in 5444 ms
七月 10, 2013 12:33:23 上午 org.apache.catalina.core.StandardService startInternal
信息: Starting service Catalina
七月 10, 2013 12:33:23 上午 org.apache.catalina.core.StandardEngine startInternal
信息: Starting Servlet Engine: Apache Tomcat/7.0.42
七月 10, 2013 12:33:24 上午 org.apache.catalina.util.SessionIdGenerator createSecureRandom
信息: Creation of SecureRandom instance for session ID generation using [SHA1PRNG] took [419] milliseconds.
七月 10, 2013 12:33:24 上午 org.apache.coyote.AbstractProtocol start
信息: Starting ProtocolHandler ["http-bio-8080"]
七月 10, 2013 12:33:24 上午 org.apache.coyote.AbstractProtocol start
信息: Starting ProtocolHandler ["ajp-bio-8009"]
七月 10, 2013 12:33:24 上午 org.apache.catalina.startup.Catalina start
信息: Server startup in 1388 ms

这个是严重警告,对项目运行没有影响,关键之处是把JS和CSS引入的路径弄错了,导致结果显示不出来!

3、运行结果如图所示:

(1)未点击任何按钮


(2)点击上下按钮


(3)点击“重置”按钮


分享到:
评论

相关推荐

    jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍

    jQuery EasyUI中的组件之一是NumberSpinner数值微调器,它用于在网页中创建允许用户通过点击按钮以固定步长增减数值的输入框。 NumberSpinner数值微调器扩展自spinner和numberbox,继承了它们的相关特性,并添加了...

    jQuery EasyUI API 中文文档 – NumberSpinner数值微调器使用介绍

    **jQuery EasyUI API 中文文档 - NumberSpinner数值微调器** `NumberSpinner` 是 jQuery EasyUI 框架中的一个组件,它结合了 `spinner` 和 `numberbox` 的功能,提供了一个可以进行数值微调的输入控件。这个组件在...

    时钟微调器的设置

    在IT行业中,尤其是在嵌入式系统、硬件设计或者操作系统领域,时钟微调器的设置是一个关键环节。它涉及到系统的精确计时、同步以及性能优化。在这个“ssd4实验”中,我们聚焦于时钟界面和微调器的配置,以确保整个...

    WPF-Numeric-Spinner-NumericUpDown:这是最好的,也是唯一的免费WPF数字微调器(AKA NumericUpDown)。 您可以随意使用它来填补WPF项目中缺少官方数字微调器的问题

    这是最好的,也是唯一的免费WPF数字微调器(AKA NumericUpDown)。 您可以自由地使用它来填补WPF项目中缺少官方数字微调器的麻烦。 支持 随意在上提出任何相关问题。 执照 该控件是根据MIT许可的。 作者 Yassine Y. ...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    NumberSpinner 数值微调器 TimeSpinner 时间微调器 Window 窗口 Window 窗口 Dialog 对话框 Messager 消息框 DataGrid and Tree 数据表格和树 DataGrid 数据表格 PropertyGrid 属性表格 Tree 树 TreeGrid 树...

    jQuery+EasyUI+1.2.4+API+中文文档(标记).rar

    NumberSpinner 数值微调器 TimeSpinner 时间微调器 Window 窗口 Window 窗口 Dialog 对话框 Messager 消息框 DataGrid and Tree 数据表格和树 DataGrid 数据表格 PropertyGrid 属性表格 Tree ...

    Bootstrap-input-spinner:Bootstrap 输入微调器

    #Bootstrap 输入微调器 使用向上/向下按钮增强用于输入数值的文本输入 安装 HTML 头: &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/&gt; [removed]...

    Spin_Slide_ToolBar.rar_带Spin

    首先,我们来讨论“Spin”控件,也称为数值微调器。它通常表现为两个箭头按钮,一个用于增加数值,另一个用于减少数值。用户可以通过点击这些按钮快速调整数值,常用于输入框旁边的辅助调整,例如在设置分辨率、音量...

    Flex4_ProgressBar_Combobox_NumericStepper

    本示例着重讲解了三种关键组件:进度条(ProgressBar)、下拉列表框(ComboBox)和数值微调器(NumericStepper)。这些组件在各种应用程序中都有广泛的应用,为用户提供直观的交互体验。 一、ProgressBar组件 ...

    jQueryEasyUIAPI中文文档

    - `setValue`, `getValue`: 控制数值微调器的方法。 **4.12 TimeSpinner时间微调器** - **依赖:** - jQuery库。 - **用法:** - 创建一个支持时间输入的微调器。 - **特性:** - 支持设置时间格式。 - **事件...

    jquery easyui中文文档

    - 创建一个数值微调器,通常用于数值输入。 - **特性:** - 支持数值范围的限制。 - **事件:** - 用户调整数值时触发事件。 - **方法:** - 包括设置最大值、最小值等操作。 **4.12 TimeSpinner时间微调器** ...

    jQueryEasyUiApi

    26. **NumberSpinner数值微调器** - 数值增减的微调器。 27. **TimeSpinner时间微调器** - 时间增减的微调器。 28. **Window窗口** - 浮动的窗口控件。 29. **Dialog对话框** - 用于显示消息或获取用户输入的...

    jQueryEasyUI介绍.docx

    - **Form(表单)**:Combobox(组合框),Combotree(组合树),Combogrid(组合网格),Numberbox(数字框),Datetimebox(日期时间框),Calendar(日历),Numberspinner(数值微调器),Timespinner(时间微调...

    jQuery EasyUI 1.2.4 API 中文文档(完整)

    **4.11 NumberSpinner数值微调器** - **依赖** - 无。 - **用法** - 创建一个只能输入数字的微调器。 - **特性** - 支持设置最小值、最大值。 - **事件** - `onSpin`: 数值变化时触发。 - **方法** - `$.fn....

    时间微调器的使用

    **时间微调器(Spinner)在SSD4项目中的应用** 在Java开发环境中,NetBeans是一个功能强大的集成开发环境(IDE),它提供了丰富的组件库,方便开发者构建用户界面。本篇将详细介绍如何在SSD4(Software Systems ...

    一款超洁净版支持小数的spinner微调器

    这款“超洁净版支持小数的spinner微调器”显然是对原生Spinner控件进行了优化和扩展,特别强调了对小数的支持,这意味着开发者可以创建更加精细化的输入场景,比如货币、比例或精度要求较高的数值调整。 首先,我们...

    MMO游戏数值建模

    1. 使用专业工具:市面上有许多专门用于游戏数值建模的工具,如Excel、Google Sheets,以及一些专业游戏数值编辑器,可以帮助开发者更高效地进行数值设计和管理。 2. 数据驱动:现代游戏倾向于采用数据驱动的开发...

    ios-swift-demo11-微调器或叫步进器(UIStepper)的用法.zip

    总结来说,这个Swift示例项目"ios-swift-demo11-微调器或叫步进器(UIStepper)的用法"教会我们如何在Swift应用中使用UIStepper来实现数值的增减功能。通过理解和实践这些基本用法,开发者可以轻松地在自己的应用中...

    jQuery EasyUI API 中文文档 - Spinner微调器使用

    Spinner微调器适合在需要数值范围选择的场景中使用,例如在表单中让用户选择产品数量、设定页面的分页数量、选择日期范围等。 #### 知识点十:Spinner微调器的扩展性和维护性 由于Spinner微调器是基于jQuery ...

Global site tag (gtag.js) - Google Analytics