`
redsky008
  • 浏览: 346938 次
  • 性别: Icon_minigender_1
  • 来自: 成都正在项目
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics