我照着一个demo做了个小例子,就是显示一个对话框。
如果把页面放在网站根目录下,而dojo,我是在网站根目录下建立了个js文件夹,把dojo和dijit放在了里面。
index.jsp我放在根目录下:代码如下:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style type="text/css">
@import "js/dijit/themes/nihilo/nihilo.css";
@import "js/dojo/resources/dojo.css";
html,body{
margin:0px;
font-size: 12px;
}
</style>
<script type="text/javascript" src="js/dojo/dojo.js" djConfig="parseOnLoad: true,isDebug: false"></script>
<script type="text/javascript">
dojo.require("dijit.form.Button");
dojo.require("dijit.Dialog");
dojo.require("dojo.parser");
</script>
</head>
<body class="nihilo">
<button dojoType="dijit.form.Button" id="loginbtn">DialogDemo
<script type="dojo/method" event="onClick">
dijit.byId('loginDialog').show();
</script>
</button>
<div dojoType="dijit.Dialog" id="loginDialog" title="DialogDemo" onClose="alert('yyyy');">
在这里输入HTML在这里输入HTML在这里输入HTML在这里输入HTML<br>
在这里输入HTML在这里输入HTML在这里输入HTML在这里输入HTML<br>
在这里输入HTML在这里输入HTML在这里输入HTML在这里输入HTML<br>
</div>
</body>
</html>
或者我加上
<%
String path = request.getContextPath();
%>
明确的告知其存放路径。 这两种情况都可以工作。
而把index.jsp放在子一级目录,比如我在根目录下建立一个mypage目录,把index.jsp挪动进去,
无论怎么给它路径,包含明确地告知它(<%=path%>/js/dojo/dojo.js),还是使用相对目录(../js/dojo/dojo.js)
js倒是可以正常工作,就是css样式,,按钮的部分可以显示,就是那个对话框无论如何都是不起作用。
不知道大家有没有遇到这种情况,有的话,是如何处理的呢?
有否给点使用dojo的小技巧呢?
我建立第2个页面以后,我拷贝了相关内容,可是万万没想到我丢了一个地方,就是:
<body class="nihilo">
见蓝色部分,我把这个主题给丢了,造成老是不显示样式,我用firefox看了半天,css也加载了,js功能也正常,就是css样式不显示,原来问题在这。
希望和我一样的新手,不要犯这个错误。
分享到:
相关推荐
在加载Dojo模块时,可以利用Requirejs的异步加载特性,只加载当前需要的模块,而不是一次性加载整个Dojo库,这有助于优化性能。 ### 文件结构与压缩包子文件 在名为"**DojoAMD**"的压缩包中,可能包含以下内容: - ...
总的来说,这个压缩包中的两个.chm文件——"CSS 2.0.chm"和"Dojo.chm",分别详尽介绍了这两个主题,无论你是初学者还是经验丰富的开发者,都能从中受益匪浅,进一步提升你的Web开发能力。通过学习和实践,你可以更好...
首先,Dojo的包加载机制基于AMD(Asynchronous Module Definition)规范,这允许异步加载和定义模块,确保代码的并行加载和延迟加载,从而提高页面性能。在Dojo中,模块和包是组织代码的基本单元。模块是具有独立...
DOjo中文使用手册 DOjo中文使用手册是DOjo Toolkit的详细使用手册,涵盖了DOjo的安装、使用、调试等方面的知识点。本手册适合新手和有经验的开发者,旨在提供一个全面的DOjo使用指南。 DOjo安装 DOjo提供了三种...
3. **dojo/ready**:这个模块用于确保DOM加载完成后再执行指定的函数,它是Dojo中的一个实用工具,常用于页面初始化。 4. **dojo/store**:这是一个数据存储抽象层,提供了一种统一的方式来访问和操作数据,无论...
本教程将深入探讨Dojo框架的使用,帮助开发者更好地理解和应用这一工具。 首先,从`dojo-release-0.9.0.tar.gz`这个文件名可以看出,这是一个Dojo框架的早期版本,版本号为0.9.0。在学习过程中,了解不同版本间的...
Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...
在 Domino XPages 开发环境中,有时开发者可能会遇到整个数据库不加载 Dojo 框架的情况。这通常是由于特定的配置设置或代码问题导致的。Dojo 是 IBM Lotus Domino XPages 平台上广泛使用的 JavaScript 库,它提供了...
分三个包上传时,第三个包好像传不上去,我给整合了一下,打在一个包里上传了! dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO...
在"dojo起步学习的好例子"这个压缩包中,我们很可能会找到一系列针对Dojo库的实例,帮助初学者快速理解和掌握Dojo的使用。 首先,让我们来详细了解Dojo的核心概念: 1. **模块系统 (Dijit and Dojo Toolkit)**:...
Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,包括AJAX、DOM操作、动画效果、事件处理、数据存储等。标题提到的"dojo1.8.chm"是Dojo 1.8版本的离线帮助文档,通常包含API参考、教程和...
无论是基本的 DOM 操作、页面加载事件处理,还是复杂的 DOM 事件绑定以及 AJAX 请求,Dojo 都能提供简洁而强大的解决方案。随着进一步的学习和实践,你将能够更深入地了解并充分利用 Dojo 的强大功能。
解压后,你可以通过Dojo的加载器(dojo/require, dojo/ready等)来引入和使用这些模块,从而构建功能完善的Web应用程序。在使用前,确保阅读官方文档以了解如何正确配置和使用Dojo框架,以便充分利用其强大功能。
10. **Dojo Build System**: Dojo的构建系统允许开发者优化和打包应用程序,去除未使用的代码,合并和压缩资源,以提升页面加载速度和降低服务器负担。 通过深入学习和实践这个DOJO API中文参考手册,开发者能够...
1.0作为早期版本,虽然现在已经被更现代的版本取代,但对于学习DOJO的历史和基础概念仍然具有参考价值。 【描述】"源代码" 提示我们这个压缩包中包含的是编程的原始文本文件,这些文件通常用特定的编程语言编写,如...
Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...
通过使用模块,你可以按需加载所需的功能,避免将整个库加载到页面中,从而减少页面的加载时间。例如,`dojo.math` 模块包含了数学相关的功能,而 `dojo.io.*` 则是一系列处理输入输出(I/O)的模块。 包(Package...
Dojo的核心是一个模块化的体系架构,允许开发者按需加载所需的功能,减少了页面加载时间。其核心组件包括了DOM操作、事件处理、动画效果、Ajax通信、数据存储和强大的UI组件等。Dojo的模块系统基于AMD(Asynchronous...
DOJO中文手册是针对JavaScript库Dojo的详细指南,源自中国的本地化版本,旨在帮助开发者理解和使用这个强大的工具包。Dojo是一个开源的DHTML工具集,由nWidgets、Burstlib和f(m)等多个项目的合并发展而来,因此被...