使用Dijit 日历组件

最新推荐文章于 2020-06-28 14:22:22 发布

qingqingzijinxin

最新推荐文章于 2020-06-28 14:22:22 发布

阅读量394

点赞数

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

dojo学习专栏收录该内容

29 篇文章 1 订阅

订阅专栏

以声明的方式使用 Dijit

Dijit 所提供的一种其他大多数主流 JavaScript 组件库不具备的非常有用的特性就是：以声明式的方式使用 widget 的方法，换句话说，就是使用常规 HTML 元素。这种方式的一种明显的优势就是允许您使用 HTML 语法设计您的应用程序，就像在 Web 应用程序中一样，将应用程序逻辑独立放置在 JavaScript 之中。

通过这种方法使用 Dijit 非常直观。让我们来看一个创建日历组件的示例。首先，在模板的 <body> 部分中，找到注释 ，随后使用以下代码行替换此注释：<div dojoType="dijit._Calendar"></div>。

接下来，在 dojo.require("dijit.dijit"); 代码行下，添加以下代码行：dojo.require("dijit._Calendar");。

<!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">
		<div dojoType="dijit._Calendar"></div>
		<script src="dojo/dojo.js" djConfig="parseOnLoad: true"></script>
		<script>
		dojo.require("dijit.dijit");
		dojo.require("dijit._Calendar");
	
		dojo.addOnLoad(function() {		
		
		});
		</script>
	</body>
</html>