读书人

OpenLayers.BaseType基本部类例子(AP

发布时间: 2013-02-06 14:02:21 作者: rapoo

OpenLayers.BaseType基本类型例子(API中没有举例的)
API中常见的用法就不说了,下面只描述API中没有例子的,不知道怎么使用的例子:
OpenLayers.String.format(template:String, context:Object, args:Array):String
OpenLayers.Number.limitSigDigs(num:Float, sig:int):Float
OpenLayers.Number.format(num:Float, dec:Integer, tsep:String, dsep:String):String

OpenLayers.Function.bind(func:Function, object:Object):Function
OpenLayers.Function.bindAsEventListener(func:Function, object:Object):Function
OpenLayers.Array.filter(array:Array, callback:Function, caller:Object):Array;

<html><head><title></title><script type="text/javascript" src="OpenLayers.js" ></script></head><body><!-- 以$符号的形式格式化字符串的符号,返回一个带有符号的字符串作为上下文的属性。其实就是用后面数组中的值替换带有${}占位符的值, OpenLayers.String.format的参数有3个,第2个为可选 --><ul><li><input type="button" onclick="alert(OpenLayers.String.format('http://www.baidu.com?a=${0}&b=${1}&c=${2}', [1,2,3]))"  value="OpenLayers.String.format"/></li></ul><ul><li><!-- 第二个参数只限制输出的Float型的数字个数,即不含小数点的个数 -->    <input type="button" onclick="alert(OpenLayers.Number.limitSigDigs(103.1564154984, 8))"  value="OpenLayers.Number.limitSigDigs"/></li></ul><!-- OpenLayers.Number.format --><!-- 返回数字格式化后的字符串表达     第一个参数是一个浮点数;     第二个参数是0或者Null,为0,表示只保留整数部分,为Null,则输出含小数部分     第三个参数是千分位分隔符,看不懂的去看office     第四个参数是小数位的分隔符 --><ul><li><input type="button" onclick="alert(OpenLayers.Number.format(1010.032, 0, ',', '.'))"  value="OpenLayers.Number.format"/></li><li><input type="button" onclick="alert(OpenLayers.Number.format(1010.032, null, ',', '.'))"  value="OpenLayers.Number.format"/></li></ul></body></html>


这里额外说下:OpenLayers.Function.bind(func:Function, object:Object):Function和
OpenLayers.Function.bindAsEventListener(func:Function, object:Object):Function
单独使用跟jquery中的$(obj).bind(function(){});是有差别的哦。
要起作用还得使用事件类提供的方法(详细查看事件类的使用),如下:
<input type="button" id="bindId" value="测试结果" /><script type="text/javascript">function buttonDown(){    alert('测试绑定,按下按钮!');}var bid = document.getElementById("bindId");OpenLayers.Event.observe(bid,"mousedown",OpenLayers.Function.bind(this.buttonDown,bid));OpenLayers.Event.observe(bid,"mousedown",OpenLayers.Function.bindAsEventListener(this.buttonDown,bid));</script>


过滤数组:

OpenLayers.Array.filter(["foo","1", "2"], function(item, index, array) {    alert(item);});

读书人网 >开源软件

热点推荐