<!DOCTYPE html>
<html>
<head>
<title>Ext.util.Format</title>
<meta name="content-type" content="text/html" charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../extjs4/resources/css/ext-all.css">
<script type="text/javascript" src="../extjs4/bootstrap.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
/** 1. ellipsis( value, length, [word] ) : String */
Ext.get("btn01").on("click",function(){
var input = Ext.getDom("input01");
var output = Ext.getDom("input02");
output.value = Ext.util.Format.ellipsis(input.value, 10);
});
/** 2. capitalize( string ) : String */
Ext.get("btn02").on("click",function(){
var input = Ext.getDom("input03");
var output = Ext.getDom("input04");
output.value = Ext.util.Format.capitalize(input.value);
});
/** 3. date( value, [format] ) : String */
Ext.get("btn03").on("click",function(){
var output = Ext.getDom("input05");
output.value = Ext.util.Format.date(new Date(),"Y年m月d日");
});
/** 4. substr( value, start, length ) : String */
Ext.get("btn04").on("click",function(){
var input = Ext.getDom("input06");
var output = Ext.getDom("input07");
output.value = Ext.util.Format.substr(input.value,0,4);
});
/** 5. lowercase( value ) : String */
Ext.get("btn05").on("click",function(){
var input = Ext.getDom("input08");
var output = Ext.getDom("input09");
output.value = Ext.util.Format.lowercase(input.value);
});
/** 6. number( v, format ) : String */
Ext.get("btn06").on("click",function(){
var input = Ext.getDom("input10");
var output = Ext.getDom("input11");
output.value = Ext.util.Format.number(input.value,"0,000.00");
});
/** 7. nl2br( v ) : String */
Ext.get("btn07").on("click",function(){
alert(Ext.util.Format.nl2br("Ivan\nHuang"));
});
});
</script>
</head>
<body>
<div style="text-align: center;">
<div>
<input type="text" id="input01" value="www.upscat.com.cn">
<input type="text" id="input02" readonly="readonly" disabled="disabled">
<input type="button" id="btn01" value="demo01">
</div>
<div>
<input type="text" id="input03" value="ivan">
<input type="text" id="input04" readonly="readonly" disabled="disabled">
<input type="button" id="btn02" value="demo02">
</div>
<div>
<input type="text" id="input05" readonly="readonly" disabled="disabled">
<input type="button" id="btn03" value="demo03">
</div>
<div>
<input type="text" id="input06" value="ivan_Huang">
<input type="text" id="input07" readonly="readonly" disabled="disabled">
<input type="button" id="btn04" value="demo04">
</div>
<div>
<input type="text" id="input08" value="WWW.UPSCAT.COM.CN">
<input type="text" id="input09" readonly="readonly" disabled="disabled">
<input type="button" id="btn05" value="demo05">
</div>
<div>
<input type="text" id="input10" value="1234567890">
<input type="text" id="input11" readonly="readonly" disabled="disabled">
<input type="button" id="btn06" value="demo06">
</div>
<div>
<input type="button" id="btn07" value="demo07">
</div>
</div>
</body>
</html>
分享到：
相关推荐
`Ext.util.Format`是ExtJS中一个非常实用的工具类，包含了一系列用于字符串、日期和数值等类型的数据格式化的静态方法。`Number()`方法是其中之一，专门用于处理和格式化数字。在实际开发中，我们经常需要将数字以...
标题中的"extjs-Ext.ux.form.LovCombo下拉框"表明我们要讨论的是EXTJS中的一个特定组件，它是EXTJS的扩展插件，用于实现具有多选功能的下拉框。这个组件在处理火狐浏览器兼容性问题上做了优化，解决了在火狐浏览器下...
Extjs.util.Format是Extjs框架中用于格式化不同类型数据的工具集合，它包含了一系列静态方法来处理字符串、日期以及扩展函数操作。 首先，来看字符串处理方法： - capitalize(str)：此方法可以将传入的字符串首字母...
Extjs-ExtDesigner-1.1.2+完全解密工具.part1.rar
总之，`Ext.TabPanel`是ExtJS框架中构建多标签界面的强大工具，通过灵活的配置和丰富的API，可以轻松地创建出功能丰富的用户界面。在实际开发中，结合其他ExtJS组件和布局，`TabPanel`能够帮助我们构建出高效、美观...
extjs-ux, EXT JS 4的一些插件和扩展 插件和 EXT JS 4扩展 Ext.ux. aceeditor.Panel 演示( 简单): 链接演示( 流 语法): 链接演示：链接论坛：链接 Ext.ux. grid.feature.Tileview 演示：链接
官方最新版本Extjs6.2版本sdk,创建新项目的时候需要用, 全面的核心框架，具有最新的Javascript标准支持 新的漂亮组件和主题，以创建漂亮的企业应用程序 现代工具链，用于构建优化，高性能，通用的应用程序 用于可视...
Extjs中实现国际化要用到的文件ext-lang-zh_CN.js和ext-lang-en.js
从spket IDE 官网下载。 文件名： ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4，需要ext4.2.1.jsp2文件。
extjs-basex.js extjs-basex.js extjs-basex.js
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button ...主页：https://github.com/harrydeluxe/extjs-ux 注明：在Extjs4.1上是可以使用的，Extjs4.2部分会有问题。
`extjs-basex.js`文件很可能是ExtJS库的一个部分，特别是针对BaseX扩展的功能。BaseX是一个高性能、XML数据库系统，常用于处理XML数据。在JavaScript环境中，BaseX的JavaScript接口允许开发者在Web应用中直接与BaseX...
NULL 博文链接：https://bw198605.iteye.com/blog/1590113
Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心（数据、控制器、模型等等）已被调和为一个单一的公共平台。这样，数据和逻辑就能共享，从而帮助开发人员进一步去优化他们的应用程序...
从ext官方论坛上下的。 文件名： ext-4.2.1.883.jsb2 对应版本ext-4.2.1.883
**ExtJS-3.4.0系列目录** 在ExtJS框架中，3.4.0版本提供了丰富的组件和功能，适合构建复杂的Web应用程序。以下是对标题和描述中提及的几个关键知识点的详细解释： 1. **Ext JS 下载及配置** 在开始使用Ext JS前，...
Ext.util.Format 类 (P.20) - **概述**：提供了数据格式化方法。 - **常用方法**： - `Ext.util.Format.date(value, format)`: 格式化日期。 - `Ext.util.Format.number(value, format)`: 格式化数字。 - `Ext....
茉莉花节点jsdom-extjs-testing-tool 使用 jasmine-node 和 jsdom 的功能性前端 Ext.JS 测试自动化工具如果您已经安装了节点包模块（ ），安装将为您获取所需的库。Ext.JS 设置使用 Ext.JS 包并遵循 Sencha cmd 企业...
<script src="extjs/ext-all-debug.js"> ;width:320px;height:240px;border:1px solid #ccc;background:#ffc;padding:5px;line-height:25px;font-size:14px"> Ext.onReady(function() { Ext.Msg.show({ ...