ExtJs 備忘錄（9）—— Ext常用屬性、方法小結 [系列完]

正文 

　　一、Ext

　　　　1.1　　Ext.isEmpty(v, allowBlank)　　//是否為空[連結]

　　　　1.2　　Ext.isArray(v)　　　　 //是否為數組集合

　　　　1.3　　Ext.isPrimitive(v)　　  //是否是基本資料類型String/Number/Boolean

　　　　1.4　　Ext.isFunction(v)　　  //是否是函數

　　　　1.5　　Ext.isNumber(v)　　   //是否是數字

　　　　1.6　　Ext.isString(v)　　　　//是否是字元串

　　　　1.7　　Ext.isBoolean(v)　　　//是否是bool值

　　　　1.8　　Ext.isIE/isIE6/isIE7/isIE8...　　//判斷浏覽器

　　　　1.9　　Ext.isWindows/isLinux/isMac/isAir　　//判斷平台(作業系統)

　　　　1.10　　Ext.isDefined　　　　//對象是否已經定義

　　　　1.11　　Ext.id(el,prefix)　　//傳回唯一的id值，el位元素Id,prefix為字首

　　　　1.12　　Ext.urlEncode(o, pre)　　//将JSON資料轉換URL參數串,如{a:1,b:2} => a=1&b=2

　　　　1.13　　Ext.urlDecode(string, overwrite)　　//将url參數清單轉換成json格式資料，overwrite如果為true，則後面的同名參數值覆寫前面的同名參數值（預設為false即不覆寫而以數組形式傳回）

　　　　1.15　　Ext.each(array, fn, scope)　　//周遊數組，例:Ext.each([1,2,3],function(value,index,a){ //index:索引号,0開始  value:目前值 a:數組引用 });

　　　　1.17　　Ext.decode(o)　　　　//将json字元串轉換成對象

　　　　[Ext-more.js] 

　　　　1.18　　Ext.combine()　　//數組合并

　　　　1.19　　Ext.num(value,defaultValue)　　//如果是數字，直接傳回本身，否則傳回預設值，注意"5"這裡也會傳回預設值的 

　　　　1.20　　Ext.copyTo(dest, source, names)　　//拷貝source中names屬性清單至dest中

　　　　1.21　　Ext.unique(arr)　　　//剔除數組中重複的元素，讓數組每個元素保持唯一

　　　　1.22　　Ext.clean(arr)　　　  //複制數組?! 

　　　　1.23　　Ext.flatten(arr)　　　//将多元數組轉換成一維數組

　　　　1.24　　Ext.min(arr, comp)　　//查找數組中最小的元素

　　　　1.25　　Ext.max(arr, comp)　　//查找數組中最大的元素

　　　　1.26　　Ext.mean(arr)　　　　 //計算數組元素平均值(總和除以個數)

　　　　1.27　　Ext.partition(arr, truth)　　//根據arr元素的bool值拆分成新的二維數組并傳回 例1：Ext.partition([true, false, true, true, false]); // [[true, true, true], [false, false]] 例2：Ext.partition(arr,function(val){ return val == "class1" });

　　　　1.28　　Ext.invoke(arr, methodName,/*args...*/)　　//執行arr數組中對象的methodName方法,args為方法的參數，傳回執行結果數組

　　　　1.29　　Ext.pluck(arr, prop)　　//傳回數組中屬性名(property name)等于prop的值的新數組 Ext.pluck(arr, "className"); => [arr1.className,arr2.className]

　　　　1.30　　Ext.zip({Arrays|NodeLists},{Function}) //壓縮多個數組為一個數組, Ext.zip([1,2,3],[4,5,6]); // [[1,4],[2,5],[3,6]]，支援Function自定義合并

　　　　1.31　　Ext.type(object)　　//傳回對象的類型：string,number,boolean,function,object,array,regexp,element,nodelist,textnode,whitespace 

　　二、Ext.util.Format

　　　　2.1　　Ext.util.Format.capitalize(value);　　//首字母大寫

2.2　　Ext.util.Format.ellipsis(value, len, word); 　　//從字元串開始處截取len長度顯示，超過部分用...表示；word為布爾值，為true時在前面截取的基礎上再從' '、'.'、'!'、'?'關鍵字處截取前面(len)，ellipsis("abcde.fghijkl",10,true)傳回abcde

2.3　　Ext.util.Format.htmlEncode(value);　　 //HTML編碼，将& <  >  “替換為&<>"

2.4　　Ext.util.Format.htmlDecode(value);　　 //HTML解碼，與上面相反

2.5　　Ext.util.Format.trim(value); 　　　　　　//截取字元串左右的空格

2.6　　Ext.util.Format.substr(value, start, length); 　　//從value指定的start位置開始截取length長度的子串傳回

2.7　　Ext.util.Format.lowercase(value);　　      //轉換大寫

2.8　　Ext.util.Format.uppercase(value);　　     //轉換小寫

2.9　　Ext.util.Format.stripTags(v);　　　　      //去除HTML标簽:/<\/?[^>]+>/gi

2.10　　Ext.util.Format.usMoney(v); 　　　　　 //轉換到'$'符号的貨币形式

2.11　　Ext.util.Format.date(v, format);　　　　//格式化日期輸出,format預設格式"m/d/Y"

2.12　　Ext.util.Format.round(value, precision);　　//四舍五入，precision指精确位數

2.13　　Ext.util.Format.number(v, format);　　　　//格式化數字顯示

2.14　　Ext.util.Format.nl2br(value); 　　　 //将字元串中的'\n'替換成'<br />'

2.15　　Ext.util.Format.fileSize(value);  　　//将位元組數轉成更大的機關KB和MB顯示，fileSize(1024) = 1KB

2.16　　Ext.util.Format.defaultValue(value, defaultValue);　　//如果value未定義或為空字元串則傳回defaultValue

2.17　　Ext.util.Format.stripScripts(v);　　　//去除腳本标簽

2.18　　Ext.util.Format.undef(value);　　　　//如果value未定義,傳回空字元串，反之傳回value本身 

　　三、擴充JS原有對象

　　　　3.1　　String

　　　　　　3.1.1　　.format(format)　　//和C#裡面是一樣的用法

　　　　　　3.1.2　　.toggle(value, other)　　//交換值,如果目前值等于value,則被指派other

　　　　3.2　　Array

　　　　　　3.2.1　　.indexOf(o)　　//傳回元素o在數組ArrayObject中的位置，找不到傳回-1

　　　　　　3.2.2　　.remove(o)　　//從數組ArrayObject删除元素o

　　　　3.3　　Function

　　四、 其他

　　　　4.1　　表單

　　　　　　4.1.1　　一次取得表單所有的表單元素key/value集合

　　　　　　　　form1.form.getValues()  //form1為Ext.FormPanel，例如：

                        //注意

                        var conn = new Ext.data.Connection();

                        conn.request({

                            url: 'submit.aspx?method=Submit4',

                            //此處與params對應，如果為POST，則伺服器端從Request.Form中可以取得到資料，反之從QueryString中取資料

                            method: 'POST',//GET

                            params:form1.form.getValues(),

                            success: function(response, opts) {

                                 MsgInfo(response.responseText);

                            }

                        });

　　　　　　　　form1.form.setValues(values)     //form1.form.setValues({id:1,name:'aabbcc'}) 指派

　　　　　　4.1.2　　表單元素取值指派一次取得

　　　　　　　　4.1.2.1　　form1.form.findField('TextBox').getValue()

　　　　　　　　4.1.2.2　　form1.form.getValues().TextBox

　　　　　　　　4.1.2.3　　form1.form.getFieldValues().TextBox

　　　　4.2　　切換皮膚

　　　　　　Ext.util.CSS.swapStyleSheet("theme", "resources/css/ext/xtheme-orange.css");　　　　//注意路徑

注意：

　　1.　　本系列Ext版本為 3.0.0

本文轉自over140 51CTO部落格，原文連結：http://blog.51cto.com/over140/586532，如需轉載請自行聯系原作者