使用 dijit.byId 连接到一个按钮并添加事件

qingqingzijinxin

于 2016-08-07 12:05:28 发布

阅读量477

点赞数

分类专栏： dojo学习文章标签： dojo dijit

dojo学习专栏收录该内容

29 篇文章 1 订阅

订阅专栏

在 HTML 部分中添加以下代码：<button id="myButton" dojoType="dijit.form.Button">Push Me</button>。

最后，让我们使用 dijit.byId 获得按钮的一个引用，并在用户单击按钮时显示一个对话框。

单击按钮，您会看到一个对话框

<!doctype html>
<html lang="en" dir="ltr">
	<head>
	    <title>Dijit Template</title>
		<link rel="stylesheet" href="dijit/themes/claro/claro.css" />
		<style type="text/css">
			body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
		</style>
	</head>
	<body class="claro">
		<button id="myButton" dojoType="dijit.form.Button">Push Me</button>
		<script src="dojo/dojo.js" djConfig="parseOnLoad: true"></script>
		<script>
		dojo.require("dijit.dijit");
		dojo.require("dijit.form.Button");
		dojo.require("dijit.Dialog");
	
		dojo.addOnLoad(function() {		
			var button = dijit.byId("myButton");
			dojo.connect(button, "onClick", null, function(evt) {
				var dialog = new dijit.Dialog({
					content: "You clicked the button!",
					title: "Message"
				}).show();
			});
		});
		</script>
	</body>
</html>