1. 程式人生 > >extjs6.2格式化關於Ext.util.Format 類的一些使用

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));
}

以上這些程式碼都是經過我除錯過的,沒問題,放心用。