日期:2014-05-17 浏览次数:20611 次
我照着一个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样式不显示,原来问题在这。
希望和我一样的新手,不要犯这个错误。