Ext Js入门第3篇-扩展工具方法使用

                 Ext Js对一些javaScript的内置方法进行扩展，使得开发更加方便

1.为Array扩展工具的方法

<script>
	    var arr=[10,20,30,40,50];
	    //计算数组元素总和
	    document.writeln("数组总和为："+Ext.Array.sum(arr)+"</br>");
	    //计算数组平均数
	    document.writeln("计算数组平均数："+Ext.Array.mean(arr)+"</br>");
	    //在数组中插入一个新数组
	    Ext.Array.insert(arr,2,["java","ajax"]);
	    //新数组
	    document.writeln("新数组："+arr+"</br>");
	    var arr1=["小茗","小红","小华"];
	    var arr2=["小刚","小红","小童"];
	    //计算两个数组中的相同数值
	    document.writeln("相同值："+Ext.Array.intersect(arr1,arr2)+"</br>");
	    //两个数组的并集
	    document.writeln("并集："+Ext.Array.union(arr1,arr2)+"</br>");
    </script>

2.为Date扩展工具方法

<script>
		//创建当前日期
		var d1=new Date();
		//格式化日期对象
		document.writeln("d1格式化结果："+Ext.Date.format(d1,'Y年m月d日')+"</br>");
		//计算时间差
		document.writeln("d1是否在指定时间差范围内："+
		     Ext.Date.between(d1,new Date(2010,7,15,22,43),new Date(2014,10,20))+"</br>");
	</script>

3.为Function扩展工具方法

<script>
		//创建一个延迟函数
		var fn=Ext.Function.createDelayed(function()
		{
			alert("函数被调用！");
		},2000);
		//调用该函数
		fn();
		var user={
			name:"武松",
			sayHi:function()
			{
				document.writeln(this.name+"向你问好</br>")
			}
		}
		//在user的sayHi方法执行之后插入行为
		Ext.Function.interceptAfter(user,"sayHi",
		    function()
		    {
		    	document.writeln("问好之前的行为！</br>");
		    }
		);
		user.sayHi();
	</script>

                说明：虽然在开始就执行fn()函数，但是由于创建的是延迟函数，所以最后执行弹框。

4.为NUmber扩展工具方法

<script>
	    document.writeln("20截取10-30范围："+Ext.Number.constrain(20,10,30)+"</br>");
	    document.writeln("35截取10-30范围："+Ext.Number.constrain(35,10,30)+"</br>");
	    document.writeln("字符串'123'转为数值："+Ext.Number.from("123",20)+"</br>");
	    document.writeln("字符串'abc'转为数值："+Ext.Number.from("abc",20)+"</br>");
	    document.writeln("距离23最近的7的倍数(必须在10-30之间)："+Ext.Number.snap(27,7,10,30)+"</br>");
	    document.writeln("保留两位小数："+Ext.Number.toFixed(34.1254,2)+"</br>");
	</script>

5.为Object扩展工具方法

<script>
	    var user={
	    	name:"武松",
	    	age:500
	    }
	    //调用each遍历每个key和value
	    Ext.Object.each(user,function(key,value,myself)
	    {
	    	document.writeln(key+"-->"+value+"</br>");
	    });
	    //将对象转换为查询字符串
	    document.writeln("user转换查询字符串为："+Ext.Object.toQueryString(user)+"</br>");
	    //将查询字符串转为对象
	    var dog=Ext.Object.fromQueryString("name=Garfile&color=yellow");
	    //获取指定对象所有的key
	    document.writeln("dog对的所有key:"+Ext.Object.getKeys(dog)+"</br>");
	    //获取指定对象的value
	    document.writeln("dog对的所有key:"+Ext.Object.getValues(dog)+"</br>");
	</script>

6.为String扩展的工具方法

<script>
	    //对字符串的首字母大写
	    document.writeln("i love extjs 首字母大写"+Ext.String.capitalize("i love extjs")+"</br>");
	    //返回html字符串的源码
	    document.writeln("html源码："+Ext.String.htmlEncode("<b>javaScript</br>")+"</br>");
	    //字符串重复3次
	     document.writeln("java字符串重复3次"+Ext.String.repeat("java",3,"/")+"</br>");
	    //字符串模板替换
	    document.writeln(Ext.String.format("新华图书馆有{0}{1}</br>{2}</br>",
	           "三国","水浒","红楼梦"));
	    //对字符串进行补长
	    document.writeln("javaScript补偿15个字符："+Ext.String.leftPad("javaScript",15,"-"));
	</script>	

7.对JSON支持

<script>
	   var user={
	   	   name:"武松",
	   	   age:50
	   }
	   //将对象转为Json
	   document.writeln("user转为json:"+Ext.JSON.encode(user)+"</br>");
	   var str='['+
	       '{"name":"武松","age":"50"},'+
	       '{"name":"松江","age":"30"}'+
	   ']'
	   //将Json转为数组
	   var arr=Ext.JSON.decode(str);
	   document.writeln("数组长度："+arr.length)
	</script>