extjs6.2格式化关于Ext.util.Format 类的一些使用

html页面的代码如下:

<input type="button" value="ellipsis" onclick="ellips();">
<input type="button" value="undef" onclick="undef();">
<input type="button" value="defaultval" onclick="defaultval();">
<input type="button" value="htmlEncode" onclick="htmlEncode();">
<input type="button" value="substr" onclick="substr();">
<input type="button" value="lowercase" onclick="lowercase();">
<input type="button" value="capitalize" onclick="capitalize();">
<input type="button" value="date" onclick="date();">
<input type="button" value="stripTags" onclick="stripTags();">
<input type="button" value="fileSize" onclick="fileSize();">

如果你还不知道怎么加载extjs6.2,请看我的第一篇关于extjs的文章。

下面是js中的代码(注释中把相关功能描述清楚,多看下注释):

/**
 * ellipsis ( String value, Number length ) : String
对大于指定长度部分的字符串,进行裁剪,增加省略号(“...”)的显示
参数项:
value : String:要裁剪的字符串
length : Number:允许长度
返回:
String 转换后的文本
 */
function ellips(){
var v1="对大于指定长度部分的字符串,进行裁剪,增加省略号(“...”)的显示";
Ext.Msg.alert("ellipsis",Ext.util.Format.ellipsis(v1,10));
}
/**
 * undef ( Mixed value ) : Mixed
检查一个值是否为 underfined,若是的话转换为空值
参数项:
value : Mixed:要检查的值
返回:
Mixed 转换成功为空白字符串,否则为原来的值
 */
function undef(){
var v2="underfined";
Ext.Msg.alert("undef",Ext.util.Format.undef(v2));
}
/**
 * defaultValue ( Mixed value, String defaultValue ) : String
检查一个值(引用的)是否为空,若是则转换到缺省值。
参数项:
value : Mixed:要检查的引用值
defaultValue : String:默认赋予的值(默认为"")
返回:
String
 */
function defaultval(){
var v3;
Ext.Msg.alert("defaultValue",Ext.util.Format.defaultValue(v3,"这是缺省值"));
}
/**
 * htmlEncode ( String value ) : String
转义(&, <, >, and ') 为能在 HTML 中显示的字符
参数项:
value : String:要编码的字符串
返回:
String 编码后的文本
 */
function htmlEncode(){
var v4 = "<a href='http://www.zz-jb.com'>株洲北大青鸟</a>";
Ext.Msg.alert("htmlEncode", Ext.util.Format.htmlEncode(v4));
// Ext.Msg.alert("htmlEncode", v4);
}
/**
 * substr ( String value, Number start, Number length ) : String
返回一个从指定位置开始的指定长度的子字符串。
参数项:
value : String:原始文本
start : Number:所需的子字符串的起始位置(从0开始)
length : Number:在返回的子字符串中应包括的字符个数。
返回:
String 指定长度的子字符串
 */
function substr(){
var v5="中华人民共和国";
Ext.Msg.alert("substr",Ext.util.Format.substr(v5,2,2));
}
/**
 * lowercase ( String value ) : String
返回一个字符串,该字符串中的字母被转换为小写字母。
参数项:
value : String:要转换的字符串
返回:
String 转换后的字符串
(uppercase同理,是转为大写)
 */
function lowercase(){
var v6 = "THE PEOPLE'S REPUBLIC OF CHINA";
Ext.Msg.alert("lowercase",Ext.util.Format.lowercase(v6));
}
/**
 *  capitalize ( String value ) : String
返回一个字符串,该字符串中的第一个字母转化为大写字母,剩余的不变。
参数项:
value : String:要转换的字符串
返回:
String 转换后的字符串
 */
function capitalize(){
var v7="the ABC is the First zimu BIAO";
Ext.Msg.alert("capitalize",Ext.util.Format.capitalize(v7));
}
/**
 * date ( Mixed value, [String format] ) : Function
将某个值解析成为一个特定格式的日期。
参数项:
value : Mixed:要格式化的值
format : String:(可选的)任何有效的日期字符串(默认为“月/日/年”)
返回:
Function 日期格式函数
 */
function date(){
var v8=new Date();//获取当前日期
Ext.Msg.alert("date",Ext.util.Format.date(v8,"Y-m-d H:i:s"));
}
/**
 * stripTags ( Mixed value ) : String
剥去所有 HTML 标签
参数项:
value : Mixed:要剥去的文本
返回:
String 剥去后的 HTML 标签
 */
function stripTags(){
var v9 = "<a href='http://www.zz-jb.com'>株洲北大青鸟</a>";
Ext.Msg.alert("stripTags ", Ext.util.Format.stripTags(v9));

/**
 * stripScripts ( Mixed value ) : String
剥去所有脚本(Script)标签
参数项:
value : Mixed:要剥去的文本
返回:
String 剥去后的 HTML 标签
用法同上,自己实验下
 */
/**
 * fileSize ( Number/String size ) : String
对文件大小进行简单的格式化(xxx bytes、xxx KB、xxx MB)
参数项:
size : Number/String:要格式化的数值
返回:
String 已格式化的值
 */
function fileSize(){
var v10=23493274232;
Ext.Msg.alert("fileSize",Ext.util.Format.fileSize(v10));
}

以上这些代码都是经过我调试过的,没问题,放心用。

猜你喜欢

转载自blog.csdn.net/youjiangtengwan1/article/details/53763080