Dojo的Dnd事件处理
现在讲下Dojo的事件处理。关键是几个回调函数的使用。有3个回调函数是非常有用的。下面的一些介绍来自官方网站。
dojo.subscribe("/dnd/drop", function(source,nodes,iscopy){ //code to perform some action }); dojo.subscribe("/dnd/start", function(source,nodes,iscopy){ //code to perform some action }); dojo.subscribe("...
Dojo的Drag and Drop
不得不说Dojo的DnD做得很出色，非常简便！能够用较少的代码就做出一个Dnd应用。先给出一个简单的例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>DnD Test</title>
<style type="text/css...
DOJO之TitlePane
比较有趣的一个控件：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Title Pane</title>
<style type="text/css">
@import "dojo/dijit/themes/tundra/tundra.css";
@import "dojo/dojo/res...
DOJO之StackContainer
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Stack Container</title>
<style type="text/css">
@import "dojo/dijit/themes/soria/soria.css";
@import "dojo/dojo/resources/dojo.css...
DOJO之SplitContainer
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Split Container</title>
<style type="text/css">
@import "dojo/dijit/themes/tundra/tundra.css";
@import "dojo/dojo/resources/dojo.c...
Dojo的BorderContainer
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Border Container</title>
<style type="text/css">
@import "dojo/dijit/themes/soria/soria.css";
@import "dojo/dojo/resources/dojo.cs...
DOJO的layout
注意那段CSS代码是需要放入的，不然浏览器会无法正常显示。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Layout</title>
<style type="text/css">
@import "dojo/dijit/themes/tundra/tundra.css";
@import...
ComboButton和MenuItem的一点注意事项
1. ComboButton 使用这个控件的时候要声明的是dojo.require("dijit.form.Button"), 而不是dojo.require("dijit.form.ComboButton")! 虽然使用的时候写的是dojoType="dijit.form.ComboButton", 但是写require的时候是绝对不能像红色字体那样写的，不然页面显示出来会混乱！我在这个问题上就中招过。 还有就是该按钮的按键名称显示。如下：
<button dojoType="dijit.form.ComboButton">
<script type="...
谁能告诉我dojo的getIconClass事件啊？
官网上的教材写得不清楚，下面这段程序的详细过程到底是怎么样的？谁知道啊？
<div dojoType="dijit.Tree" id="addrTree" store="mailStore"
labelAttr="label" query="{type:'address'}">
<script type="dojo/method" event="getIconClass" args="item">
var specifiedIcon = item && mailStore.getValue(item, "icon");
return specifiedIcon ...
DOJO帮助提示信息
一个是TitlePane，另一个是Tooltip，感觉很方便的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Instruction Page</title>
<style type="text/css">
@import "dojo/dijit/themes/soria/soria.css...
DOJO输入验证：去空格和大小写
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Validate Page</title>
<style type="text/css">
@import "dojo/dijit/themes/nihilo/nihilo.css";
@import "dojo/dojo/resources/dojo.css...
DOJO安装与使用
首先，到http://dojotoolkit.org/downloads下载dojo包。解压后放在工程的WebContent下。如果觉得名字太长可以改成dojo。 给一个简单的弹出框例子：
新建一个index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>DOJO: H...
(转) DOJO介绍
Dojo是一个非常强大的面向对象的JavaScript的工具箱, 建议能够去复习一下JavaScript下如何使用OO进行编程的, 这对于你以后阅读Dojo Source有很大的用处请大家下载dojo 0.3.1, 以下的说明均针对此版本1: 把Dojo加入到我们的Web程序中1.1 标志<script type="text/javascript">djConfig = { isDebug: false };</script>djConfig是Dojo里的一个全局对象, 其作用就是为Dojo提供各种选项, isDebug是最常用的属性之一, 设置为True以便能够在页面上直接看到调试输出...
文章归档
最新评论
- lengchuan：这覆盖、重载我老是分布清楚
- 想飞的菜鸟：好长，快看晕掉了。。。
- hwoarangzk：没有没有，1个多月前才开始学，完全初学者一个...
- neverTheSame：hwoarangzk 还会日语啊,强人.
- lovaqua：写的太好了
- hwoarangzk：已经解决了，谢谢！