`
wsc830719
  • 浏览: 166026 次
  • 性别: Icon_minigender_1
  • 来自: 唐山
社区版块
存档分类
最新评论

dojo使用时,如果把页面放入子目录中css虽然能加载,但不起作用,有没有好的解决办法?(我已经解决)

    博客分类:
  • AJAX
阅读更多

我照着一个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样式不显示,原来问题在这。

希望和我一样的新手,不要犯这个错误。

分享到:
评论
5 楼 mikehuhu 2010-04-07  
原来全是你自己顶的~~
4 楼 wsc830719 2010-03-20  
还有 dojo下载的地方,有个2M的 ,是干净的部署用的js库,
下面有个19M的,当前是1.4.2版本,这里面有测试例子,很全面的。
比书籍之类的都好用。 大家用不着从网上找琐碎的例子了,这里全有,而且是针对当前版本的。

希望和我一样的初学者少走弯路。
3 楼 wsc830719 2010-03-20  
还是Google上面的例子多,光顾着着急用百度了。

可见我们国人用dojo的太少了,百度上搜了一晚上,全是那2、3个例子来回发表,每个新鲜的。  今天早上起来看见收藏夹里的Google,搜搜看了看,好多例子。

看来遇到事情不能太心急,心急吃不到热豆腐,呵呵。
2 楼 wsc830719 2010-03-19  
实在 忍不了了。
我弄到 Grid那块了。  但是他给的文档实在太可怜了。网上的例子,不知道是0.几的还是多少的,不能工作。 研究了半天文档,也没弄好Grid显示数据。

我怀疑dojo是不是设计给大众用的,文档太少了。
我就看重它全面这点了,我一直喜欢jquery的,不过他的插件必须自己挑选,不过jquery的文章以及示例都太好找了。 就连插件自身都给完整的例子。

而反观dojo,太失望了。可惜我把页面都弄好了,包括 accrodion  tab容器,这整个布局都弄好了,就到Grid这,实在不想用了,文档这么少,以后遇到问题我去哪解决呀。
1 楼 wsc830719 2010-03-17  
我用了把 accordion组件。
我把height设成100%,这下可好,点击一个标签,结果只能看见第一个了,其他的ContentPane不知道全跑哪去了。 而且cpu一下 100%,我只好结束IE。

我昨天查了下百度,有些文章说dojo的性能不怎么好,尤其cpu这方面,据说加载时以及偶尔cpu会100%。
  我做的这个第2个例子,就碰到了。我这个帖子发了也有2天了,大家看看,随便发点想法吧。 尤其在用dojo的,觉得dojo怎么样?

相关推荐

    Requirejs异步加载Dojo1.6

    在加载Dojo模块时,可以利用Requirejs的异步加载特性,只加载当前需要的模块,而不是一次性加载整个Dojo库,这有助于优化性能。 ### 文件结构与压缩包子文件 在名为"**DojoAMD**"的压缩包中,可能包含以下内容: - ...

    CSS 2.0 & Dojo1.8 chm

    总的来说,这个压缩包中的两个.chm文件——"CSS 2.0.chm"和"Dojo.chm",分别详尽介绍了这两个主题,无论你是初学者还是经验丰富的开发者,都能从中受益匪浅,进一步提升你的Web开发能力。通过学习和实践,你可以更好...

    dojo的包加载机制

    首先,Dojo的包加载机制基于AMD(Asynchronous Module Definition)规范,这允许异步加载和定义模块,确保代码的并行加载和延迟加载,从而提高页面性能。在Dojo中,模块和包是组织代码的基本单元。模块是具有独立...

    DOjo中文使用手册

    DOjo中文使用手册 DOjo中文使用手册是DOjo Toolkit的详细使用手册,涵盖了DOjo的安装、使用、调试等方面的知识点。本手册适合新手和有经验的开发者,旨在提供一个全面的DOjo使用指南。 DOjo安装 DOjo提供了三种...

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    3. **dojo/ready**:这个模块用于确保DOM加载完成后再执行指定的函数,它是Dojo中的一个实用工具,常用于页面初始化。 4. **dojo/store**:这是一个数据存储抽象层,提供了一种统一的方式来访问和操作数据,无论...

    Dojo框架使用教程

    本教程将深入探讨Dojo框架的使用,帮助开发者更好地理解和应用这一工具。 首先,从`dojo-release-0.9.0.tar.gz`这个文件名可以看出,这是一个Dojo框架的早期版本,版本号为0.9.0。在学习过程中,了解不同版本间的...

    dojo精品中文教程(包二)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    domino xpages开发 整个db不加载dojo

    在 Domino XPages 开发环境中,有时开发者可能会遇到整个数据库不加载 Dojo 框架的情况。这通常是由于特定的配置设置或代码问题导致的。Dojo 是 IBM Lotus Domino XPages 平台上广泛使用的 JavaScript 库,它提供了...

    dojo精品中文教程(全)

    分三个包上传时,第三个包好像传不上去,我给整合了一下,打在一个包里上传了! dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO...

    dojo起步学习的好例子

    在"dojo起步学习的好例子"这个压缩包中,我们很可能会找到一系列针对Dojo库的实例,帮助初学者快速理解和掌握Dojo的使用。 首先,让我们来详细了解Dojo的核心概念: 1. **模块系统 (Dijit and Dojo Toolkit)**:...

    dojo1.8.chm+dojo1.11中文入门pdf

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,包括AJAX、DOM操作、动画效果、事件处理、数据存储等。标题提到的"dojo1.8.chm"是Dojo 1.8版本的离线帮助文档,通常包含API参考、教程和...

    dojo快速入门文档

    无论是基本的 DOM 操作、页面加载事件处理,还是复杂的 DOM 事件绑定以及 AJAX 请求,Dojo 都能提供简洁而强大的解决方案。随着进一步的学习和实践,你将能够更深入地了解并充分利用 Dojo 的强大功能。

    Dojo包下载 包含dijit dojo dojox util四个文件目录

    解压后,你可以通过Dojo的加载器(dojo/require, dojo/ready等)来引入和使用这些模块,从而构建功能完善的Web应用程序。在使用前,确保阅读官方文档以了解如何正确配置和使用Dojo框架,以便充分利用其强大功能。

    DOJO API 中文参考手册

    10. **Dojo Build System**: Dojo的构建系统允许开发者优化和打包应用程序,去除未使用的代码,合并和压缩资源,以提升页面加载速度和降低服务器负担。 通过深入学习和实践这个DOJO API中文参考手册,开发者能够...

    第一个基于DOJO1.0程序

    1.0作为早期版本,虽然现在已经被更现代的版本取代,但对于学习DOJO的历史和基础概念仍然具有参考价值。 【描述】"源代码" 提示我们这个压缩包中包含的是编程的原始文本文件,这些文件通常用特定的编程语言编写,如...

    dojo精品中文教程(包一)

    Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo...

    DOJO 学习笔记 dojo

    通过使用模块,你可以按需加载所需的功能,避免将整个库加载到页面中,从而减少页面的加载时间。例如,`dojo.math` 模块包含了数学相关的功能,而 `dojo.io.*` 则是一系列处理输入输出(I/O)的模块。 包(Package...

    Dojo 入门 + Dojo 工具包系列 + Dojo 使用技巧 ......

    Dojo的核心是一个模块化的体系架构,允许开发者按需加载所需的功能,减少了页面加载时间。其核心组件包括了DOM操作、事件处理、动画效果、Ajax通信、数据存储和强大的UI组件等。Dojo的模块系统基于AMD(Asynchronous...

    DOJO中文手册【出自dojo中国】

    DOJO中文手册是针对JavaScript库Dojo的详细指南,源自中国的本地化版本,旨在帮助开发者理解和使用这个强大的工具包。Dojo是一个开源的DHTML工具集,由nWidgets、Burstlib和f(m)等多个项目的合并发展而来,因此被...

Global site tag (gtag.js) - Google Analytics