Ext.util.Format類是Ext對數據進行格式化操作的一個類,這篇會把所有的方法都講解下,因爲每個方法都會用到.因爲每個方法都和我們用到的服務器端語言中所常用到的方法一樣,看了名稱就知道什麼意思.這裏我會把Ext封裝起來的源代碼複製出來,看了之後就能夠更加理解它的方法的意義了.
<div>
<script type="text/javascript">
function ready()
{
//說明,這裏會將每個方法執行的結果都通過消息框的方式展現出來
//定義一個字符串
var testStr = "abcdefghijklmnopqrstuvwxyz";
//capitalize調用方式:
var capitalizeResult = Ext.util.Format.capitalize(testStr);
//capitalize功能
var capitalizeValue = "capitalize()方法的功能:將首字符串的第一個字母大寫!";
Ext.Msg.alert("原字符串:"+testStr,"執行Ext.util.Format.capitalize(testStr)方法"+"返回的結果:"+capitalizeResult+"<br/>"+capitalizeValue);
//capitalize方法的源代碼
var capitalize = function(value)
{
return !value ? value : value.charAt(0).toUpperCase() + value.substr(1).toLowerCase();
};
效果圖:
//ellipsis調用方式:
var ellipsisResult = Ext.util.Format.ellipsis(testStr,9);
//ellipsis功能
var ellipsisValue = "capitalize()方法的功能:如果testStr的長度大於9,那麼就將字符串截取總長度爲9,但最後三個字符卻要用...表示,總長度爲9的字符串實際上是由6個字符加上一個省落號表示的!"
Ext.Msg.alert("原字符串:"+testStr,"執行Ext.util.Format.ellipsis(testStr,9)方法"+"返回的結果:"+ellipsisResult+"<br/>"+ellipsisValue);
//ellipsis方法的源代碼
var ellipsis = function(value, len)
{
if(value && value.length > len)
{
return value.substr(0, len-3)+"...";
}
return value;
};
效果圖:
//uppercase調用方式:
var uppercaseResult = Ext.util.Format.uppercase(testStr);
//uppercase功能
var uppercaseValue = "uppercase()方法的功能:把字符串中轉換成大寫!"
Ext.Msg.alert("原字符串:"+testStr,"執行Ext.util.Format.uppercase(testStr)方法"+"返回的結果:"+uppercaseResult+"<br/>"+uppercaseValue);
//uppercase方法的源代碼
var uppercase = function(value)
{
return String(value).toUpperCase();
};
效果圖:
//lowercase調用方式:
var lowercaseResult = Ext.util.Format.lowercase(uppercaseResult);
//lowercase功能
var lowercaseValue = "lowercase()方法的功能:把字符串中轉換成小寫!"
Ext.Msg.alert("字符串:"+uppercaseResult,"執行Ext.util.Format.lowercase(lowercaseResult)方法"+"返回的結果:"+lowercaseResult+"<br/>"+lowercaseValue);
//lowercase方法的源代碼
var lowercase = function(value)
{
return String(value).toLowerCase();
};
效果圖:
//substr調用方式:
var substrResult = Ext.util.Format.substr(testStr,5,9);
//substr功能
var substrValue = "substr()方法的功能:將字符串按照指定的位置截取指定長度的新字符串!"
Ext.Msg.alert("原字符串:"+testStr,"執行Ext.util.Format.substr(testStr)方法"+"返回的結果:"+substrResult+"<br/>"+substrValue);
//substr方法的源代碼
var substr = function(value, start, length)
{
return String(value).substr(start, length);
};
效果圖:
//usMoney調用方式:
var usMoneyResult = Ext.util.Format.usMoney("1000");
//usMoney功能
var usMoneyValue = "usMoney()方法的功能:把字符串或者數字轉換成美圓字符串!"
Ext.Msg.alert("字符串:"+"1000","執行Ext.util.Format.usMoney(1000)方法"+"返回的結果:"+usMoneyResult+"<br/>"+usMoneyValue);
//usMoney方法的源代碼
var usMoney = function(v)
{
v = (Math.round((v-0)*100))/100;
v = (v == Math.floor(v)) ? v + ".00" : ((v*10 == Math.floor(v*10)) ? v + "0" : v);
v = String(v);
var ps = v.split('.');
var whole = ps[0];
var sub = ps[1] ? '.'+ ps[1] : '.00';
var r = /(/d+)(/d{3})/;
while (r.test(whole))
{
whole = whole.replace(r, '$1' + ',' + '$2');
}
v = whole + sub;
if(v.charAt(0) == '-')
{
return '-$' + v.substr(1);
}
return "$" + v;
};
效果圖:
//trim調用方式:
var trimResult = Ext.util.Format.trim(" 1000 ");
//trim功能
var trimValue = "trim()方法的功能:去掉字符串中的左右空格!"
Ext.Msg.alert("原字符串:"+" 1000 ","執行Ext.util.Format.trim(' 1000 ')方法"+"返回的結果:"+trimResult+"<br/>"+trimValue);
//trim方法的源代碼
var trim = function(value)
{
return String(value).replace(trimRe, "");
};
效果圖:
//fileSizeResult調用方式:
var fileSizeResult = Ext.util.Format.fileSize("1024");
//fileSizeResult功能
var fileSizeValue = "fileSize()方法的功能:把代表字節的數據值轉換成代表文件大小的字符串,如1024就轉換成1kb!"
Ext.Msg.alert("原字符串:1024","執行Ext.util.Format.fileSize(1024)方法"+"返回的結果:"+fileSizeResult+"<br/>"+fileSizeValue);
//fileSize方法的源代碼
var fileSize = function(size)
{
if(size < 1024)
{
return size + " bytes";
}
else if(size < 1048576)
{
return (Math.round(((size*10) / 1024))/10) + " KB";
}
else
{
return (Math.round(((size*10) / 1048576))/10) + " MB";
}
};
效果圖:
}
Ext.onReady(ready);
</script>
</div>
除此之外還有幾個方法,以後有時間會繼續說明,不過,很多方法我希望能夠自己測試下,然後就可以舉一反三了.
多看看ext自帶的文檔,非常全,是英文的,對學習英語有很有幫助呢