WAB for arcgis(二)微件响应

微件响应方法(生命周期)

生命周期:

在这里插入图片描述
在这里插入图片描述
用了jquery,废话不多说,上代码:

js:

return declare([BaseWidget], {
		// Custom widget code goes here 
		name: 'Zhuanti',
		baseClass: 'jimu-widget-zhuanti',
		postCreate: function() { //初始化
			var domNode = this.domNode;
			this.inherited(arguments);
		},
		startup: function() {//开始使用
			this.inherited(arguments);
			$.parser.parse('.jimu-widget-zhuanti');
			$("#zhuanti_btn1").click(function() {
				alert("asdasd");
			});
		},
		onOpen: function() {//打开微件面板时的响应函数
			alert("open");
		},
		onClose: function(){//关闭微件面板后的响应函数
			alert("关闭");
		},

	});

html:

创建了面板内的按钮

<div style="width: 100%;height: 100%;">
	<button id="zhuanti_btn1" style="position: relative;width: 30%;height: 20%;background-color: #00CCFF;">asd</button>
	<button id="zhuanti_btn12" style="position: relative;width: 30%;height: 20%;background-color: #00CCFF;">a1sd</button>
</div>

上面的生命周期内函数均可以用上述代码的格式去写,这里就不赘述。

猜你喜欢

转载自blog.csdn.net/u014752033/article/details/106802078