文档章节

8.EASYUI NumberSpinner组件

F
 Favour
发布于 2016/08/14 17:25
字数 485
阅读 10
收藏 0
点赞 0
评论 0

一,基本数字微调器组件

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta charset="UTF-8">
		<title>Basic NumberBox - jQuery EasyUI Demo</title>
		<link rel="stylesheet" type="text/css"
			href="../jquery-easyui-1.3.3/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css"
			href="../jquery-easyui-1.3.3/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../css/demo.css">
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/jquery.min.js"></script>
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
	</head>
	<body>
		<h2>
			基本数字微调器组件
		</h2>
		<div class="demo-info">
			<div class="demo-tip icon-tip"></div>
			<div>
				点击微调按钮来调整时间.
			</div>
		</div>
		<div style="margin: 10px 0;"></div>
		<input class="easyui-numberspinner" style="width: 80px;"
			data-options="
				onChange: function(value){
					$('#vv').text(value);
				}"></input>
		<div style="margin: 10px 0;">
			值:
			<span id="vv"></span>
		</div>
	</body>
</html>

二,增量数

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta charset="UTF-8">
		<title>Basic NumberBox - jQuery EasyUI Demo</title>
		<link rel="stylesheet" type="text/css"
			href="../jquery-easyui-1.3.3/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css"
			href="../jquery-easyui-1.3.3/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../css/demo.css">
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/jquery.min.js"></script>
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
	</head>
<body>
	<h2>增量数</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>如何设置增量数.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<input class="easyui-numberspinner" value="1000" data-options="increment:1000" style="width:120px;"></input>
</body>
</html>

三,数字范围

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta charset="UTF-8">
		<title>Basic NumberBox - jQuery EasyUI Demo</title>
		<link rel="stylesheet" type="text/css"
			href="../jquery-easyui-1.3.3/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css"
			href="../jquery-easyui-1.3.3/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../css/demo.css">
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/jquery.min.js"></script>
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
		<script type="text/javascript"
			src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
	</head>
<body>
	<h2>数字范围</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>值被限制在10到100之间..</div>
	</div>
	<div style="margin:10px 0;"></div>
	<input class="easyui-numberspinner" data-options="min:10,max:100,required:true" style="width:80px;"></input>
</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
F
粉丝 4
博文 185
码字总数 96673
作品 0
成都
程序员
jQuery EasyUI 1.2 发布

这个版本主要梳理了组件之间的继承及引用关系,增强了表单组件: 加强下拉框、下拉树、下拉表等插件,允许进行多选。 增加了spinner, numberspinner, timespinner等插件。 增加了treegrid插件...

stworthy ⋅ 2010/08/19 ⋅ 6

jQuery EasyUI使用教程之扩展数据网格的编辑器

<jQuery EasyUI最新试用版免费下载> jQuery EasyUI允许一些常见的编辑器添加到数据网格中,以便用户编辑数据。所有的编辑器都定义在$.fn.datagrid.defaults.editors对象中,这个可以继承扩展...

Miss_Hello_World ⋅ 2016/02/29 ⋅ 0

EasyUI datagrid datetimebox扩展

在用EasyUI做东西,有的地方需要日期携带时间的控件。各种蛋疼让我受不了,自己就挠着自己的猴脑,折腾了半天,终于折腾出来了! 继承 EasyUI 进行扩展自定义的格式 /扩展自定义的日期类*/ ...

Ryan-瑞恩 ⋅ 2014/03/19 ⋅ 1

jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug Improvement New Plugins License: GPL License Commercial License Auto parse classes: easyui-linkbutton easyui-accordion easyui-menu easyui-m......

ejzhang ⋅ 2011/04/26 ⋅ 3

EasyUI常用组件(基础)

一、简介 EasyUI是一种第三方组织开发的,开源的,功能强大的,基于jquery的插件库。 主要可以用于web的后台前端。jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员能快速地在流行的 jQ...

Yomut ⋅ 2016/07/15 ⋅ 0

Dorado 7.2.4 发布,Ajax的Web开发平台

Dorado 7.2.4 发布,Dorado7的全称是Dorado展现中间件,是一款开源软件,致力于为Web应用提供更加丰富、友好的用户界面,同时大幅提高展现层的开发效率。 Dorado7由三个部分组成:浏览器端的...

vangie ⋅ 2013/05/28 ⋅ 12

React 深入系列2:组件分类

React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 组件有很多种分类方式,常见的分类方式有函数组件和...

艾特老干部 ⋅ 03/21 ⋅ 0

React 深入系列2:组件分类

文:徐超,《React进阶之路》作者 授权发布,转载请注明作者及出处 --- React 深入系列2:组件分类 React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的...

iKcamp ⋅ 04/08 ⋅ 0

vue.js原生组件化开发(二)——父子组件

前言 在了解父子组件之前应先掌握组件开发基础。在实际开发过程中,组件之间可以嵌套,也因此生成父子组件。 父子组件创建流程 1.构建父子组件 1.1 全局注册 (1)构建注册子组件 (2)构建注册父...

Reachel ⋅ 2017/05/16 ⋅ 0

vue.js 组件之间传递数据

前言 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。 组件 组件与组件之间,还存...

林鑫 ⋅ 2017/07/11 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Boost库编译应用

版本:Boost 1.66.0 Windows库编译 官网指南:直接执行bootstrap.bat处理文件即可,可以我却遇到一堆的问题。 环境:Windows 10 + Visual Studio 2017 Boost编译出来库命名 boost库生成文件命...

水海云 ⋅ 32分钟前 ⋅ 0

解决Eclipse发布到Tomcat丢失依赖jar包的问题

如果jar文件是以外部依赖的形式导入的。Eclipse将web项目发布到Tomcat时,是不会自动发布这些依赖的。 可以通过Eclipse在项目上右击 - Propertics - Deployment Assembly,添加“Java Build ...

ArlenXu ⋅ 32分钟前 ⋅ 0

iview tree组件层级过多时可左右滚动

使用vue+iview的tree组件,iview官网iview的tree树形控件 问题描述:tree层级过多时左右不可滚动 问题解决:修改overflow属性值 .el-tree-node>.el-tree-node_children { overflow: vi...

YXMBetter ⋅ 34分钟前 ⋅ 0

分布式锁

1.通过数据库实现 http://www.weizijun.cn/2016/03/17/%E8%81%8A%E4%B8%80%E8%81%8A%E5%88%86%E5%B8%83%E5%BC%8F%E9%94%81%E7%9A%84%E8%AE%BE%E8%AE%A1/ 2.ZK实现:curator-recipes分布式锁的......

素雷 ⋅ 43分钟前 ⋅ 0

Sublime Text3 快捷键

选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名...

AndyZhouX ⋅ 49分钟前 ⋅ 0

XamarinAndroid组件教程RecylerView自定义适配器动画

XamarinAndroid组件教程RecylerView自定义适配器动画 如果RecyclerViewAnimators.Adapters命名空间中没有所需要的适配器动画,开发者可以自定义动画。此时,需要让自定义的动画继承Animation...

大学霸 ⋅ 49分钟前 ⋅ 0

eureka 基础(二)

使用Eureka服务器进行身份验证 如果其中一个eureka.client.serviceUrl.defaultZone网址中包含一个凭据(如http://user:password@localhost:8761/eureka)),HTTP基本身份验证将自动添加到您...

明理萝 ⋅ 53分钟前 ⋅ 1

Kubernetes(五) - Service

Kubernetes解决的另外一个痛点就是服务发现,服务发现机制和容器开放访问都是通过Service来实现的,把Deployment和Service关联起来只需要Label标签相同就可以关联起来形成负载均衡,基于kuberne...

喵了_个咪 ⋅ 53分钟前 ⋅ 0

更新队友POM文件后报错

打开报错的地方的pom及其引用方法所在文件的pom,观察其版本号是否一致,不一致进行更改

森火 ⋅ 今天 ⋅ 0

IDEA使用sonarLint

一、IDEA如何安装SonarLint插件 1.打开 Idea 2.点击【File】 3.点击【Settings】 4.点击【Plugins】 5.在搜索栏中输入“sonarlint”关键字 6.点击【Install】进行安装 7.重启Idea 二、IDEA如...

开源中国成都区源花 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部