<!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>
相关推荐
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
NULL 博文链接:https://sonckchi.iteye.com/blog/1266437
Extjs-ExtDesigner-1.1.2+完全解密工具.part1.rar
extjs-basex.js extjs-basex.js extjs-basex.js
extjs-theme-bootstrap-master.zip
官方最新版本Extjs6.2版本sdk,创建新项目的时候需要用, 全面的核心框架,具有最新的Javascript标准支持 新的漂亮组件和主题,以创建漂亮的企业应用程序 现代工具链,用于构建优化,高性能,通用的应用程序 用于可视...
抄些常用工具方便查找 ———-字符串 Ext.util.Format.capitalize(string str);//将首字母变大写 Ext.util.Format.ellipsis(string value, Number length);//截取指定length字符,将自动在尾处添加省略号’…’ Ext....
extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档
从spket IDE 官网下载。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4,需要ext4.2.1.jsp2文件。
1、Ext.TabPanel简单使用 代码:
extjs-ux, EXT JS 4的一些插件和扩展 插件和 EXT JS 4扩展 Ext.ux. aceeditor.Panel 演示( 简单): 链接演示( 流 语法): 链接演示:链接论坛:链接 Ext.ux. grid.feature.Tileview 演示:链接
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-4.2.1.883
extjs-basex.js extjs-basex.js extjs-basex.js
NULL 博文链接:https://bw198605.iteye.com/blog/1590113
Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心(数据、控制器、模型等等)已被调和为一个单一的公共平台。这样,数据和逻辑就能共享,从而帮助开发人员进一步去优化他们的应用程序...
茉莉花节点jsdom-extjs-testing-tool 使用 jasmine-node 和 jsdom 的功能性前端 Ext.JS 测试自动化工具如果您已经安装了节点包模块( ),安装将为您获取所需的库。Ext.JS 设置使用 Ext.JS 包并遵循 Sencha cmd 企业...
Ext JS - JavaScript Library Copyright (c) 2006-2009, Ext JS, LLC All rights reserved. licensing@extjs.com http://extjs.com/license Open Source License Ext is licensed under the terms of the Open ...
Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心(数据、控制器、模型等等)已被调和为一个单一的公共平台。这样,数据和逻辑就能共享,从而帮助开发人员进一步去优化他们的应用程序...
在Json4Ext中,目前提供了生成以下几种格式的Json数据的工具类: 1. ExtJS中普通消息类型的Json字符串 2. ExtJS中的Grid控件需要的Json字符串 3. ExtJS中常用的数组类型的Json字符串 4. ExtJS中的Tree控件需要的...