Sandcastle-header.js存储在Cesium中Apps/Sandcastle/Sandcastle-header.js的位置,该js文件时用于创建下拉框和带选中框的按钮,引入该文件后,就会有一个Sandcastle全局对象,包含着很多方法。
方法:
1.addToolbarMenu(options, toolbarID):该方法用于创建一个下拉框
参数:
options:对象数组,每个对象中有text、onselect属性
toolbarID:将要在某个节点id中追加<select>节点
格式为:var options = [
{
text : '第一个值',
onselect : function() {
alert("选中第一个值");
}
},
{
text : '第二个值',
onselect : function() {
alert("选中第二个值");
}
];
结果如图:
2.addToggleButton(text, checked, onchange, toolbarID):创建带有选择框的按钮
参数:
text:按钮上显示的内容
checked:按钮上选择框的是否被选中
onchange:选择框的选中状态发生变化回调的函数
toolbarID:创建的按钮将要追加的节点id
//例如
addToggleButton('按钮',"checked", function(checked) {alert(checked);},"toolbar");
结果如图: