JQuery EasyUI 数字格式化处理示例
设置显示时间戳
<%
request.setAttribute("currentTimeStamp",Calendar.getInstance().getTime());
%>
显示:2009-11
<fmt:formatDate pattern="yyyy-MM" value="${currentTimeStamp}"/> <br/>
显示:2009-11-30 23:47:06
<fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${currentTimeStamp}"/> <br/>
显示:$12.00
<fmt:formatNumber value="12" type="currency" pattern="$.00"/> <br/>
显示:$12.0
<fmt:formatNumber value="12" type="currency" pattern="$.#"/> <br/>
¥12.0
<fmt:formatNumber value="12" type="currency" pattern="¥.00"/> <br/>
12.00元
<fmt:formatNumber value="12" type="currency" pattern="#0.00元"/> <br/>
¥12.00
<fmt:formatNumber value="12" type="currency"/> (那个货币的符号和当前web服务器的 local 设定有关)<br/>
123456.79
<fmt:formatNumber value="123456.7891" pattern="#0.00"/> <br/>
123,456.79
<fmt:formatNumber value="123456.7891" pattern="#,#00.00"/> <br/>
.79
<fmt:formatNumber value="0.7891" pattern="#.00"/> <br/>
12.34%
<fmt:formatNumber value="0.1234" type="percent" pattern="#0.00%"/><br/>
1,200%
<fmt:formatNumber value="12" type="percent" /><br/>
1200.00%
<fmt:formatNumber value="12" type="percent" pattern="#0.00%"/><br/>
相关推荐
-
jquery easyui combobox模糊过滤(示例代码)
修改jquery easyui combobox模糊过滤 复制代码 代码如下: filter:function(q,row){ var opts=$(this).combobox("options"); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 },formatter:function(row){ var opts=$
-
jQuery EasyUI datagrid实现本地分页的方法
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重点用到了pagination的监听,以及JS数组的slice方法来完成.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title&g
-
JQueryEasyUI Layout布局框架的使用
layout就是一个布局面板: 也就是布局的容器,有五个布局区域:北部,南部,东部,西部和中心.其中中心区域面板是必需的,但中心区域面板边缘区域面板是可选的.通过拖动它的边框,面板,可以调整每一个边缘地区.可以嵌套的布局,以便用户可以建立复杂的布局. 如果想要各个区域中的框架随框架的大小改变,请嵌套到layout框架中: 复制代码 代码如下: <script type="text/javascript"> //split属性:如果设置为true将显示一个分隔条
-
jquery easyui滚动条部分设置介绍
在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法 复制代码 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(docume
-
Jquery easyui 实现动态树
在上篇文章给大家介绍了jquery中EasyUI实现异步树,本文给大家介绍jquery easyui实现动态树. 首先是在jsp页面中引入相关的js文件 在body中加入流程列表,通过后天拼接json数据 具体内容请看下面代码详情吧. 首选在jsp页面中引入相关的js <link rel="stylesheet" type="text/css" href="<%=path %>/css/jquery_easyui/themes/defau
-
jQuery+easyui中的combobox实现下拉框特效
1.第一种写法:Input框中显示: 复制代码 代码如下: <input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/> 2. 第二种用法,在list
-
jquery easyui使用心得
第一步下载jquery easyui 下载地址:http://www.jb51.net/codes/70218.html 第二步创建Java web项目 第三步导入相关的文件..目录结构如下 <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" rel="external nofollow" rel="ext
-
JQueryEasyUI datagrid框架的进阶使用
由于datagrid接收数据为Json格式,所以我们在前台展示数据的时候会出现问题,尤其是时间格式,在Json序列化之后,前台无法展示正确的时间数据,那么我们如何解决这样的问题呢?首先我们可以使用datapattern.js来解决这个问题:无需废话,直接上代码: <script src="Scripts/datapattern.js" type="text/javascript"></script> 复制代码 代码如下: //列表初始化fun
-
JQuery EasyUI 日期控件如何控制日期选择区间
复制代码 代码如下: <tr><th>发售起始日期</th> <td><input type="text" id="usLineTime" name="usLineTime" size="20" class='easyui-validatebox Wdate' onFocus="WdatePicker({el:'usLineTime',dateFmt:'yyyy-
-
jQuery easyui datagrid动态查询数据实例讲解
该插件组小巧使用方便,以下是一个从前台提交查询条件,从MSSQL返回json数据的一个事例 HTML前端代码 复制代码 代码如下: <?php include_once("auth.php"); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel=&qu
-
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
我的弹窗是这么写的 复制代码 代码如下: $('#aa').click(function(){ //按钮单击事件 $('#w').window({//窗口初始化 title:'随便点',width:400,height:300,iconCls:'icon_add', //重要的部分 onBeforeClose:function(){ //当面板关闭之前触发的事件 if (confirm('窗口正在关闭,请确认您当前的操作已保存.\n 是否继续关闭窗口?')) { $('#w').window('
-
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套前台控件,于是在网上找了一些参考示例.写了一些基本的增删改查功能,算是对该控件的基本入门.后续有时间继续深入学习. 在学习jquery easyui前应该先到官网下载最新版本http://www.jeasyui.com/download/index.php 先看一下运行后的页面 1.列表展示 2.新增页面 3.修改页面 把jquery easyui下载好之后,一般引用下页几
-
Jquery easyui 下loaing效果示例代码
复制代码 代码如下: //采用jquery easyui loading css效果 function ajaxLoading(){ $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");
-
Jquery下EasyUI组件中的DataGrid结果集清空方法
我们有一个模块如下图,要求选择"地区"及"代维公司"后,刷新第一个DataGrid框体 并以第一个结果集中的行为数据条件点击完成下一个框体的检索 现在我们已完成相应功能,并在选择"地区"及"代维公司"并保证这两个选项同时有值后,自动刷新第一个DataGrid(DG1)结果集 但是在DG1刷新完毕后,后面两个紧跟的DG2及DG3还是保有之前的结果 我试图更改DG2及DG3的查询条件,手动传一个空的ID值给query()方法,但是
-
jquery easyui中treegrid用法的简单实例
项目需求如下图,在服务端返回的json数据中,要经过JS处理,添加复选框,并且复选框需响应JS操作.在easyui 的treegrid中,没有找到现成的插件,自己需要修改整理,代码如下 复制代码 代码如下: <table class="easyui-treegrid" style="width:700px;height:250px" url='control_node_json?group_id=$info[id]&access_node=$_REQ
-
jQuery前端框架easyui使用Dialog时bug处理
最近一直都在用easyui前端框架来开发设计UI,但在使用Dialog时,发现如果页面内容比较多,就会出现问题,首先看一下我的原代码: 复制代码 代码如下: <input type="button" value="确认预约" id="btnconfirm" onclick="javascript:openconfirmDlg();" /> <div id="confirmd">
-
jquery easyui 对于开始时间小于结束时间的判断示例
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断 好吧!直接上代码 复制代码 代码如下: 查看内容:按时间: <input class="easyui-datetimebox" style="width: 180px" id="start2" value="${startTime}"> <span class="newfont06">
-
jquery easyui 结合jsp简单展现table数据示例
复制代码 代码如下: <%@ 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&qu
-
jQuery-Easyui 1.2 实现多层菜单效果的代码
11年9月份项目刚开始时,找到了园中的疯狂秀才.因为秀才上面的Demo没有多级菜单.也是第一次接触Easyui.好多不是明白.不过后来我们叁还是捣鼓出来了.但是发现我们的项目用不了.就放弃了!一直搁在那--还好最后找到了 今天这位朋友想要这块,就贴出来.有需要的可以看看.方法肯定不止一种.这只是我们实现的手段 呵呵 需求:菜单比如"导航菜单-基础数据-基础数据1-子菜单1" 效果: js代码如下 复制代码 代码如下: /*********************************
-
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
复制代码 代码如下: //confirm function Confirm(msg, control) { $.messager.confirm("确认", msg, function (r) { if (r) { return true; } }); return false;} 复制代码 代码如下: //Loadfunction Load() { $("<div class=\"da
-
jquery easyui combox一些实用的小方法
复制代码 代码如下: // combogrid刷新$("#cc").combogrid('grid').datagrid('load'); // combogrid设置默认选中哪一行$('#cc').combogrid('grid').datagrid('selectRecord',idValue); 其中idValue对应combogrid定义的idValue属性 // combogrid获取pagination对象$('#cc').combogrid('grid').datagri
随机推荐
- 关于ThinkPhp 框架表单验证及ajax验证问题
- 利用jquery正则表达式在页面验证url网址输入是否正确
- 好久没发布新玩意,完成了tsys的少年不在版
- 如何重置 RHEL7/CentOS7 系统的root密码
- springmvc的validator数据校验的实现示例代码
- CentOS 7 在vmware中的网络设置详细介绍
- 实例解析Python的Twisted框架中Deferred对象的用法
- 微信小程序教程系列之新建页面(4)
- android实现上下滚动的TextView
- php获取发送给用户的header信息的方法
- OpenCms 带分页的新闻列表
- js取得url地址参数实例
- jquery实现轮播图效果
- 基于jquery的一个图片hover的插件
- 使用Curl命令查看请求响应时间方法
- Nginx服务器上搭建图片缓存服务的基本配置解析
- Android编程之客户端通过socket与服务器通信的方法
- Android获得当前正在显示的activity类名的方法
- C语言中形参和实参详解及实例代码
- 浅谈千兆交换路由器的虚拟路由集群技术