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));
}
以上這些程式碼都是經過我除錯過的,沒問題,放心用。