龙空技术网

Cesium实战之:knockout监听html控件

於菟酱 145

前言:

眼前你们对“html添加控件事件”大致比较注意,姐妹们都需要剖析一些“html添加控件事件”的相关知识。那么小编在网上网罗了一些有关“html添加控件事件””的相关文章,希望兄弟们能喜欢,咱们快快来学习一下吧!

Cesium.knock能够使Cesium球体监听html控件,从而根据控件的值实时改变一些场景属性。

knockout

添加html控件

<div id="toolbar" class="param-container tool-bar">		<table>			<tbody>  			<tr>					<td>亮度</td>					<td>						<input type="range" min="0" max="2" step="0.02" data-bind="value: brightness, valueUpdate: 'input'">					</td>				</tr>			</tbody>	</table></div>

使用knockout双向绑定数据

	// 声明viewModel    var viewModel = {        brightness: 1    };    // 监测viewModel中的属性    Cesium.knockout.track(viewModel);    // 将viewModel对象与html控件绑定    var toolbar = document.getElementById('toolbar');    Cesium.knockout.applyBindings(viewModel, toolbar);    //监听控件值的变化    Cesium.knockout.getObservable(viewModel, "brightness").subscribe(        function(newValue) {            ....        }    );

标签: #html添加控件事件