成人精品一区二区三区免费,av片在线看,性xxxxfreexxxxx欧美丶

Dojo学习(f��n)�W�记(9. dojo.graphics.color & dojo.uri.Uri)

TNT — Fri, 25 May 2007 06:07:00 GMT

Dojo学习(f��n)�W�记(9. dojo.graphics.color & dojo.uri.Uri)

模块�Q�dojo.graphics.color

下面是dojo里定义的颜色名称
dojo.graphics.color.named.white //白色
dojo.graphics.color.named.black //黑色
dojo.graphics.color.named.red //�U�色
dojo.graphics.color.named.green //�l�色
dojo.graphics.color.named.blue //蓝色
dojo.graphics.color.named.navy //��军�?br>dojo.graphics.color.named.gray //灰色
dojo.graphics.color.named.silver//银色

dojo.graphics.color.Color

颜色�c?/p>

Usage Example:

var color = new dojo.graphics.color.Color(dojo.graphics.color.named.black); //定义一个黑色的颜色对象
var color = new dojo.graphics.color.Color(0,0,0); //定义一个黑色的颜色对象
var color = new dojo.graphics.color.Color(0,0,0,1.0); //定义一个黑色的颜色对象
var color = new dojo.graphics.color.Color([0,0,0,1.0]); //定义一个黑色的颜色对象
var color = new dojo.graphics.color.Color('rgb(0,0,0)'); //定义一个黑色的颜色对象
var color = new dojo.graphics.color.Color('#000000'); //定义一个黑色的颜色对象

dojo.graphics.color.Color.toRgb

Usage Example:

color.toRgb(); //�q�回一个[0,0,0]的数�l?br>color.toRgb(true); //�q�回一个[0,0,0,1.0]的数�l?/p>

dojo.graphics.color.Color.toRgba

Usage Example:

color.toRgba(); //�q�回一个[0,0,0,1.0]的数�l?/p>

dojo.graphics.color.Color.toHex
dojo.graphics.color.Color.toString

Usage Example:

color.toHex(); //�q�回"#000000"
color.toString(); //�q�回"#000000"

dojo.graphics.color.Color.toCss

Usage Example:

color.toCss(); //�q�回"rgb(0,0,0)"

dojo.graphics.color.Color.blend

混合另一个颜色得��C��个新颜色

Usage Example:

color.blend('#ffffff', 1); //�q�回[255,255,255]
color.blend('#ffffff', -1); //�q�回[0,0,0]
color.blend('#ffffff', 0); //�?�?混合黑色和白�Ԍ��q�回[127,127,127]
颜色参数可以为颜色的��L��形式�Q�比如数�l�，字符串等

dojo.graphics.color.blend([0,0,0], [255,255,255], 0); //will return [127,127,127]
dojo.graphics.color.blend("#000000", "#ffffff", 0); //will return "#7f7f7f"
若第一个参��Cؓ(f��)字符�Ԍ��则返回��g��?x��)返回字�W�串

dojo.graphics.color.Color.blendHex

Usage Example:

dojo.graphics.color.blendHex("#000000", "#ffffff", 0); //will return "#7f7f7f"

dojo.graphics.color.extractRGB

��输入�{换�ؓ(f��)RGB数组

dojo.graphics.color.hex2rgb

��输入的字符串�{换�ؓ(f��)RGB数组

dojo.graphics.color.rgb2hex

��输入的RGB数组转换为字�W�串

dojo.graphics.color.Color.fromArray

Usage Example:

var color = dojo.graphics.color.Color.fromArray([0,0,0,1.0]);

模块�Q�dojo.uri.Uri

dojo.uri.Uri

专门用来处理URI(�l�一资源标识�W?的类

Usage Example:

uri = (new dojo.uri.Uri("http://myserver/dojo/", "guide.html")).toString(); //uri will be "http://myserver/dojo/guide.html"
uri = (new dojo.uri.Uri("http://myserver/dojo/", "../guide.html")).toString(); //uri will be "http://myserver/guide.html"

RFC规定的URI语法�Q�[scheme:][//authority][path][?query][#fragment]
authority语法�Q�[user-info@]host[:port]

比如我们定义一个uri

var uri = new dojo.uri.Uri("http://user:password@myserver:80/dojo/", "guide.html?page=1#top");

则uri的属性如下：(x��)

authority: 服务器名 "user:password@myserver:80"
fragment: 片断�?"top"
host: ��L��?"myserver"
password: 密码 "password"
path: 路径 "/dojo/guide.html"
port: 端口 80
query: 参数 "page=1"
scheme: 模式 "http"
uri: 完整的地址 "http://user:password@myserver:80/dojo/guide.html?page=1"
user: 用户�?"user:" ��g��有点问题�Q�多�?ji��n)一个冒�?/p>

TNT 2007-05-25 14:07 发表评论

Dojo学习(f��n)�W�记(8. dojo.event & dojo.event.topic & dojo.event.browser)

TNT — Fri, 25 May 2007 06:06:00 GMT

Dojo学习(f��n)�W�记(8. dojo.event & dojo.event.topic & dojo.event.browser)

模块�Q�dojo.event

�l�于�q�入有名的dojo事�g处理�pȝ��的学�?f��n)�?ji��n)�Q�学�?f��n)前��读者先去补�?f��n)一下AOP的相关知�?/p>

dojo.event.connect

�l�定指定的方法到指定的对象的�Ҏ(gu��)��?/p>

Usage Example:

��单绑�?

function doOnClick1()
{
alert("Clicked!");
}
dojo.event.connect(dojo.byId("inputTest"),"onclick","doOnClick1");

��单绑�?

obj = { doOnClick2: function(){ alert("Clicked!");}}
dojo.event.connect(dojo.byId("inputTest"),"onclick",obj,"doOnClick2");

如果存在需要进行多个事件的�l�定的时候，你就�?x��)看到dojo的方便之处了(ji��n)

obj2 = { doOnClick2: function(){alert("Clicked!");}}
dojo.event.connect(dojo.byId("inputTest"),"onclick",obj,"doOnClick2");
dojo.event.connect(dojo.byId("inputTest"),"onclick",obj2,"doOnClick2");

connect可以对�Q何对象的�Ҏ(gu��)��q�行�l�定�Q�而不是只能针对DOM对象

dojo.event.connect(obj,"doOnclick2","doOnClick1"); //在调用obj.doOnclick2()后调用doOnClick1()

dojo.event.connectBefore

dojo.event.connect默认是后�l�定�Q�connectBefore则是早绑定，�l�定的方法将在指定方法前执行�Q�用法与connect一�?/p>

dojo.event.connectAround

Usage Example:

function aroundTest(invocation){
//此处可以增加代码�Q�比如检查参�?invocation.args)
var result = invocation.proceed();
//此处可以增加代码�Q�比如修改结�?result)
return result;
}
dojo.event.connectAround(dojo.byId("inputTest"),"onclick","aroundTest");

dojo.event.connectOnce
说�v�q�个函数�Q�还真的是让我想�?ji��n)半天，直觉上我��把它想象成executeOnce�Q�结果测试的�l�果让我差点想不�?br>connectOnce��是指保证只�l�定一�ơ，来避免重复绑定会(x��)��D��的重复执行的问题

dojo.event.disconnect

解除�l�定�Q�调用参��C��connect一��_(d��)��卛_��解除之前的绑定操�?/p>

dojo.event.log

在执行指定对象的指定�Ҏ(gu��)��后自动记录日�?/p>

Usage Example:

dojo.event.log(obj, "doOnClick"); //当调用obj.doOnClick时记录下日志"DEBUG: ([object Object]).doOnClick : "

你也可以�q�样写：(x��)

dojo.event.log({srcObj: obj, srcFunc: "doOnClick"});

dojo.event.kwConnect

kwConnect可以做到更加灉|��的绑定，比如可以讄��延迟执行�l�定

Usage Example:

dojo.event.kwConnect({
srcObj: dojo.byId("inputTest"),
srcFunc: "onclick",
adviceObj: obj,
adviceFunc: "doOnclick2",

type: "before", //默认�?after"�Q�可�? "before", "around"�Q�注意：(x��)type是用来决定adviceFunc的行为的�Q�如果�ؓ(f��)"around"�Q�则aroundFunc��失�?br> aroundObj: null,
aroundFunc: null, //如果指定�?ji��n)aroundFunc�Q�则其将对adviceFunc�q�行拦截�Q�但是当type�?around"�Ӟ��则aroundFunc��不�?x��)执�?br> once: false, //默认为false�Q�允�?d��ng)R��复绑�?br> delay: 3000, //延时3�U�后执行adviceFunc
rate: 0, //�q�个从源代码没有看懂起什么作�?br> adviceMsg: false //�q�个从源代码没有看懂起什么作�?br>});

dojo.event.kwDisconnect

用来解除使用kwConnect指定的绑�?/p>

模块�Q�dojo.event.topic

Topic机制与Advice机制都能够实��C��件的�l�定�Q�但是显�?Topic更适合处理多重�l�定�?br>发布主题�Q�然后由用户订阅的机制就是一个典型的观察者模�?/p>

dojo.event.topic.registerPublisher

注册主题发布�?/p>

Usage Example:

dojo.event.topic.registerPublisher("myTopic", obj, "doOnClick2");

dojo.event.topic.subscribe

订阅主题

Usage Example:

dojo.event.topic.subscribe("myTopic", "test"); //执行obj.doOnClick2()以后�?x��)自动执行test()

dojo.event.topic.unsubscribe

取消订阅主题

Usage Example:

dojo.event.topic.unsubscribe("myTopic", "test");

dojo.event.topic.destroy

删除主题�Q�此主题所有的订阅都将失效

Usage Example:

dojo.event.topic.destroy("myTopic");

模块�Q�dojo.event.browser

dojo.event.browser.addListener

增加监听�?/p>

Usage Example:

function listener()
{
alert("ok");
}
dojo.event.browser.addListener(document, 'mousedown', listener); //事�g名称可以加上"on"�Q�也可以没有"on"
dojo.event.browser.addListener(document, 'onmousedown', listener, true); //capture为真表示不受上层元素的事件控�?/p>

dojo.event.browser.removeListener

清除监听�?�q�个�Ҏ(gu��)��g��是无效的)

dojo.event.browser.callListener

调用监听�?/p>

Usage Example:

dojo.event.browser.callListener(listener, document);

dojo.event.browser.stopPropagation

��L��Event传播

Usage Example:

dojo.event.browser.stopPropagation();

dojo.event.browser.preventDefault

��当前事件的�q�回��D��|��ؓ(f��)false

Usage Example:

dojo.event.browser.preventDefault();

dojo.event.browser.keys

键定�?
  KEY_BACKSPACE: 8,
  KEY_TAB: 9,
  KEY_ENTER: 13,
  KEY_SHIFT: 16,
  KEY_CTRL: 17,
  KEY_ALT: 18,
  KEY_PAUSE: 19,
  KEY_CAPS_LOCK: 20,
  KEY_ESCAPE: 27,
  KEY_SPACE: 32,
  KEY_PAGE_UP: 33,
  KEY_PAGE_DOWN: 34,
  KEY_END: 35,
  KEY_HOME: 36,
  KEY_LEFT_ARROW: 37,
  KEY_UP_ARROW: 38,
  KEY_RIGHT_ARROW: 39,
  KEY_DOWN_ARROW: 40,
  KEY_INSERT: 45,
  KEY_DELETE: 46,
  KEY_LEFT_WINDOW: 91,
  KEY_RIGHT_WINDOW: 92,
  KEY_SELECT: 93,
  KEY_F1: 112,
  KEY_F2: 113,
  KEY_F3: 114,
  KEY_F4: 115,
  KEY_F5: 116,
  KEY_F6: 117,
  KEY_F7: 118,
  KEY_F8: 119,
  KEY_F9: 120,
  KEY_F10: 121,
  KEY_F11: 122,
  KEY_F12: 123,
  KEY_NUM_LOCK: 144,
  KEY_SCROLL_LOCK: 145

dojo.event.browser.currentEvent

最�q�一�ơ的Event�Q�其属性包括：(x��)

altKey  //��(g��)查alt键的状态，当alt键按下时�Q��gؓ(f��) true
button  //��(g��)查按下的鼠标键，0 没按键，1 按左键，2 按右键，3 按左右键�Q? 按中间键�Q? 按左键和中间键，6 按右键和中间键，7 按所有的�?br>  //�q�个属性仅用于onmousedown, onmouseup, �?onmousemove 事�g。对其他事�g�Q�不��鼠标状态如何，都返�?0�Q�比如onclick�Q?br>clientX  //�q�回鼠标在窗口客户区域中的X坐标
clientY  //�q�回鼠标在窗口客户区域中的Y坐标
ctrlKey  //��(g��)查ctrl键的状态，当ctrl键按下时�Q��gؓ(f��) true
fromElement //��(g��)��?onmouseover �?onmouseout 事�g发生�Ӟ��鼠标所��d��的元�?br>keyCode  //��(g��)��键盘事件相对应的内码，仅当type为keydown,keyup,keypress时才有效
offsetX  //��(g��)查相对于触发事�g的对象，鼠标位置的水�q�_��?br>offsetY  //��(g��)查相对于触发事�g的对象，鼠标位置的垂直坐�?br>propertyName //讄��或返回元素的变化�?ji��n)的属性的名称�Q�你可以通过使用 onpropertychange 事�g�Q�得�?propertyName 的�?br>screenX  //��(g��)��鼠标相对于用户屏幕的水�q�位�|?br>screenY  //��(g��)��鼠标相对于用户屏幕的垂直位�|?br>shiftKey //��(g��)查shift键的状态，当shift键按下时�Q��gؓ(f��)true
srcElement //�q�回触发事�g的元�?br>srcFilter //�q�回触发 onfilterchange 事�g的��o(h��)�?br>toElement //��(g��)��?onmouseover �?onmouseout 事�g发生�Ӟ��鼠标所�q�入的元�?br>type  //�q�回没有“on”作�ؓ(f��)前缀的事件名�Q�比如click, mousedown
x  //�q�回鼠标相对于css属性中有position属性的上��元素的x轴坐标。如果没有css属性中有position属性的上��元素�Q�默认以BODY元素作�ؓ(f��)参考对�?br>y  //�q�回鼠标相对于css属性中有position属性的上��元素的y轴坐标。如果没有css属性中有position属性的上��元素�Q�默认以BODY元素作�ؓ(f��)参考对�?br>target  //同srcElement
currentTarget
layerX  //同offsetX
layerY  //同offsetY
pageX  //无水�q�x��动条的情况下与clientX�?br>pageY  //无水�q�x��动条的情况下与clientY�?br>relatedTarget // 仅当type为mouseover,mouseout时才有效
keys  //与dojo.event.browser.keys相同�Q�仅当type为keydown,keyup,keypress时才有效
charCode //键��|��仅当type为keypress时才有效

dojo.event.browser.isEvent

判断指定对象是否为event对象

Usage Example:

dojo.event.browser.isEvent(dojo.event.browser.currentEvent); //当dojo.event.browser.currentEvent不�ؓ(f��)null时返回true

TNT 2007-05-25 14:06 发表评论

Dojo学习(f��n)�W�记(7. dojo.dom)

TNT — Fri, 25 May 2007 05:41:00 GMT

Dojo学习(f��n)�W�记(7. dojo.dom)

模块�Q�dojo.dom

dojo.dom.isNode

��试指定对象是否��?/p>

Usage Example:

dojo.dom.isNode(dojo.byId('edtTitle'));

dojo.dom.getUniqueId

取得唯一id

Usage Example:

dojo.dom.getUniqueId(); //will return dj_unique_#

dojo.dom.firstElement = dojo.dom.getFirstChildElement

取得指定节点下的�W�一个满��x��定Tag条�g的子节点

Usage Example:

dojo.dom.firstElement(parentNode, 'SPAN');

dojo.dom.lastElement = dojo.dom.getLastChildElement

取得指定节点下的最后一个满��x��定Tag条�g的子节点

Usage Example:

dojo.dom.lastElement(parentNode, 'SPAN');

dojo.dom.nextElement = dojo.dom.getNextSiblingElement

取得指定节点的下一个满��x��定Tag条�g的子节点

Usage Example:

dojo.dom.nextElement(node, 'SPAN');

dojo.dom.prevElement = dojo.dom.getPreviousSiblingElement

取得指定节点的前一个满��x��定Tag条�g的子节点

Usage Example:

dojo.dom.prevElement(node, 'SPAN');

dojo.dom.moveChildren

把指定节点下的所有子节点�U�d��到目标节点下�Q��ƈ�q�回�U�d��的节�Ҏ(gu��)��

Usage Example:

dojo.dom.moveChildren(srcNode, destNode, true); //仅移动子节点�Q�srcNode中的文字��被丢弃
dojo.dom.moveChildren(srcNode, destNode, false);//包括文字和子节点都将被移动到目标节点�?/p>

dojo.dom.copyChildren

把指定节点下的所有子节点复制到目标节点下�Q��ƈ�q�回复制的节�Ҏ(gu��)��

Usage Example:

dojo.dom.moveChildren(srcNode, destNode, true); //仅复制子节点�Q�srcNode中的文字��被忽略
dojo.dom.moveChildren(srcNode, destNode, false);//包括文字和子节点都将被复制到目标节点�?/p>

dojo.dom.removeChildren

删除指定节点下的所有子节点�Q��ƈ�q�回删除的节�Ҏ(gu��)��

Usage Example:

dojo.dom.moveChildren(node);

dojo.dom.replaceChildren

用指定的新节�Ҏ(gu��)��换父节点下的所有子节点

Usage Example:

dojo.dom.replaceChildren(node, newChild); //目前�q�不支持newChild为数�l��Ş�?/p>

dojo.dom.removeNode

删除指定的节�?/p>

Usage Example:

dojo.dom.removeNode(node);

dojo.dom.getAncestors

�q�回指定节点的父节点集合

Usage Example:

dojo.dom.getAncestors(node, null, false); //�q�回所有的父节炚w��合（包括指定的节点node�Q?br>dojo.dom.getAncestors(node, null, true); //�q�回最�q�的一个父节点
dojo.dom.getAncestors(node, function(el){/* 此处增加�q��o(h��)条�g */return true}, false); //�q�回所有满��x��件的父节炚w��?/p>

dojo.dom.getAncestorsByTag

�q�回所有符合指定Tag的指定节点的父节炚w��?/p>

Usage Example:

dojo.dom.getAncestorsByTag(node, 'span', false); //�q�回所有的�c�d��为SPAN的父节点集合
dojo.dom.getAncestorsByTag(node, 'span', true); //�q�回最�q�的一个类型�ؓ(f��)SPAN的父节点

dojo.dom.getFirstAncestorByTag

�q�回最�q�的一个符合指定Tag的指定节点的父节�?/p>

Usage Example:

dojo.dom.getFirstAncestorByTag(node, 'span'); //�q�回最�q�的一个类型�ؓ(f��)SPAN的父节点

dojo.dom.isDescendantOf

判断指定的节�Ҏ(gu��)��否�ؓ(f��)另一个节点的子孙

Usage Example:

dojo.dom.isDescendantOf(node, ancestor, true); //判断node是否为ancestor的子�?br>dojo.dom.isDescendantOf(node, node, false); //will return true
dojo.dom.isDescendantOf(node, node, true); //will return false

dojo.dom.innerXML

�q�回指定节点的XML

Usage Example:

dojo.dom.innerXML(node);

dojo.dom.createDocument

创徏一个空的文档对�?/p>

Usage Example:

dojo.dom.createDocument();

dojo.dom.createDocumentFromText

�Ҏ(gu��)��文字创徏一个文档对�?/p>

Usage Example:

dojo.dom.createDocumentFromText('1','text/xml');

dojo.dom.prependChild

��指定的节点插入到父节点的最前面

Usage Example:

dojo.dom.prependChild(node, parent);

dojo.dom.insertBefore

��指定的节点插入到参考节点的前面

Usage Example:

dojo.dom.insertBefore(node, ref, false); //如果满��要求的话��q��接退�?br>dojo.dom.insertBefore(node, ref, true);

dojo.dom.insertAfter

��指定的节点插入到参考节点的后面

Usage Example:

dojo.dom.insertAfter(node, ref, false); //如果满��要求的话��q��接退�?br>dojo.dom.insertAfter(node, ref, true);

dojo.dom.insertAtPosition

��指定的节点插入到参考节点的指定位置

Usage Example:

dojo.dom.insertAtPosition(node, ref, "before");//参考节点之�?br>dojo.dom.insertAtPosition(node, ref, "after"); //参考节点之�?br>dojo.dom.insertAtPosition(node, ref, "first"); //参考节点的�W�一个子节点
dojo.dom.insertAtPosition(node, ref, "last"); //参考节点的最后一个子节点
dojo.dom.insertAtPosition(node, ref); //默认位置�?last"

dojo.dom.insertAtIndex

��指定的节点插入到参考节点的子节点中的指定烦(ch��)引的位置

Usage Example:

dojo.dom.insertAtIndex(node, containingNode, 3); //把node插入到containingNode的子节点中，使其成�ؓ(f��)�W?个子节点

dojo.dom.textContent

讄��或获取指定节点的文本

Usage Example:

dojo.dom.textContent(node, 'text'); //讄��node的文本�ؓ(f��)'text'
dojo.dom.textContent(node); //�q�回node的文�?/p>

dojo.dom.hasParent

判断指定节点是否有父节点

Usage Example:

dojo.dom.hasParent(node);

dojo.dom.isTag

判断节点是否��h��指定的tag

Usage Example:

var el = document.createElement("SPAN");
dojo.dom.isTag(el, "SPAN"); //will return "SPAN"
dojo.dom.isTag(el, "span"); //will return ""
dojo.dom.isTag(el, "INPUT", "SPAN", "IMG"); //will return "SPAN"

TNT 2007-05-25 13:41 发表评论

Dojo学习(f��n)�W�记(6. dojo.io.IO & dojo.io.BrowserIO)

TNT — Fri, 25 May 2007 05:39:00 GMT

Dojo学习(f��n)�W�记(6. dojo.io.IO & dojo.io.BrowserIO)

模块�Q�dojo.io.IO

dojo.io.bind

处理��h��取回需要的数据�q�处�?/p>

�q�个函数是AJAX中最为重要和有用的函敎ͼ�dojo.io.bind�q�个�c�L��用来处理客户端与服务器间通讯的，需要通讯的参数由对象dojo.io.Request所定义�Q�具体通讯的方法则由另外一个对象Transport所提供�?/p>

因此�Q�我们如果需要与服务器通讯�Q�则应该定义一个Request对象�Q�其中包括服务器地址�?qi��ng)回调函敎ͼ�例子中Requset都是以匿名对象方式定义的

虽然我们可以定义一个自��q��Transport�Q�但是显然不如直接利用现成的Transport方便�?/p>

Dojo里提供了(ji��n)一个同时兼容IE和Firefox的dojo.io.XMLHTTPTransport�Q�但是这个对象位�?dojo.io.BrowserIO�Q�因此，一般require dojo.io.IO�Ӟ��q�应该require dojo.io.BrowserIO

Usage Example:

dojo.io.bind({
    url: "http://localhost/test.html", //要请求的��面地址
    mimetype: "text/html", //��h��的页面的�c�d��Q�应该设�|��ؓ(f��)与你��h��面�c�d��对应的mimetype�Q�默认�ؓ(f��) "text/plain"
    method�Q?GET", //默认�?GET"
    sync: false, //默认为异步执�?br>    useCache: false, //默认��Z��使用��面�~�存�Q�注意这里的�~�存�q�不是浏览器的缓存，而是Dojo自��n所�l�护的页面缓�?br>    preventCache: false, //默认为启用浏览器�~�存�Q�否则将通过自动增加不同的参数来��保��览器缓存失�?br>    timeoutSeconds: 3000, //3�U�后��时�Q�如果�ؓ(f��)0则永不超�?/p>

    load: function(type, data, evt) { alert(data); }, //type should be "load", data is that we wanted
    error: function(type, error) { alert(error.message); }, //error is dojo.io.Error
    timeout: function(type) { alert("��h��时�Q?); }
});

你也可以用一个handle来处理所有的事�g

dojo.io.bind({
    url: "http://localhost/test.html", //要请求的��面地址
    mimetype: "text/html", //��h��的页面的�c�d��Q�应该设�|��ؓ(f��)与你��h��面�c�d��对应的mimetype
    timeoutSeconds: 3000, //3�U�后��时�Q�如果�ؓ(f��)0则永不超�?br>    handle: function(type, data, evt){
      if(type == "load") { alert(data); } //data is that we wanted
      else if (type == "error") { alert(data.message); } //data is the error object
      else { ; } //other events maybe need handled
    }
});

如果没有在Request中指定所用的transport�Q�则Dojo�?x��)自动的在已注册的transports中寻找能够处理这个Request的transport�Q�如果不能找刎ͼ�则返回指定的Request。下面是一个指定了(ji��n)transport的例�?

你还可以利用bind来得��C��个JavaScript所定义的对象（注意mimetype必须要定义�ؓ(f��)"text/javascript"�Q?/p>

testObj = dojo.io.bind({
    url: "http://localhost/test.js", //test.js里定义了(ji��n)一个对�?br>    mimetype: "text/javascript", //��h��的页面的�c�d��Q�应该设�|��ؓ(f��)与你��h��面�c�d��对应的mimetype
    timeoutSeconds: 3000, //3�U�后��时�Q�如果�ؓ(f��)0则永不超�?br>    handle: function(type, data, evt){
      if(type == "load") { alert(data); } //data is a object or value
      else if (type == "error") { alert(data.message); } //data is the error object
      else { ; } //other events maybe need handled
    }
});

下面是一个Post的例�?

dojo.io.bind({
    url: "http://localhost/test.aspx", //要提交的��面地址
    mimetype: "text/html", //��h��的页面的�c�d��Q�应该设�|��ؓ(f��)与你��h��面�c�d��对应的mimetype
    timeoutSeconds: 3000, //3�U�后��时�Q�如果�ؓ(f��)0则永不超�?br>    method: "POST",
    formNode: dojo.byId("myForm"), //指定提交的Form名称

另一个Post的例�?without Form to post):

dojo.io.bind({
    url: "http://localhost/test.aspx", //要提交的��面地址
    mimetype: "text/html", //��h��的页面的�c�d��Q�应该设�|��ؓ(f��)与你��h��面�c�d��对应的mimetype
    timeoutSeconds: 3000, //3�U�后��时�Q�如果�ؓ(f��)0则永不超�?br>    method: "POST",
    content: {a: 1, b: 2}, //要提交的数据

dojo.io.queueBind

有时�Q�我们需要一�ơ发出多个网��请求，则应该��用dojo.io.queueBind�Q�因为浏览器可能只允许同时发出有限个数的��h��Q�如果是使用dojo.io.bind的话�Q�则有可能会(x��)甌��不到新的XMLHttp对象而导致出错�?br>
用法与dojo.io.bind是一��L(f��ng)��?/p>

dojo.io.argsFromMap

用来把对象�{换�ؓ(f��)URL的参数�Ş�?br>
Usage Example:

dojo.io.argsFromMap({a:1,b:2,c:3}); //will return "c=3&b=2&a=1"
dojo.io.argsFromMap({name:"名称",value:"�?},"utf"); //will return "value=%E5%80%BC&name=%E5%90%8D%E7%A7%B0", 有中文的话应该指定utf格式�Q�否则dojo.string.encodeAscii�q�回的编码是很怪异�?br> dojo.io.argsFromMap({a:1,b:2,c:3}, "utf", "c"); //will return "b=2&a=1&c=3"�Q�最后一个参数可以控制指定名�U�的值出现在最�?br>

dojo.io.setIFrameSrc

讄��IFrame的Src

Usage Example:

dojo.io.setIFrameSrc(dojo.byId("myFrame"), "http://localhost/test.htm"); //myFrame打开指定的网��?br> dojo.io.setIFrameSrc(dojo.byId("myFrame"), "http://localhost/test.htm", true); //myFrame打开指定的网��，�q�覆盖浏览器的历史记�?/p>

TODO: 补充一个kwArgs的例子，我之前在�|�上看见�q�，可是现在无论如何也找不到相关的页面了(ji��n)�Q�只好以后在举例�?/p>

模块�Q�dojo.io.BrowserIO

基本上就提供�?ji��n)dojo.io.XMLHTTPTransport�q�个对象

XMLHTTPTransport一般能够满��x��们的需求，但是其有几个限制�Q�它不能传输文�g�Q�不能够成功执行跨域名的�q�程��h��Q��ƈ且不支持 file:// �q�样的协�?/p>

因此�Q�根据应用要求，我们可能�?x��)需要选用其它的transport: dojo.io.IframeTransport, dojo.io.repubsubTranport, dojo.io.ScriptSrcTransport, ShortBusTransport

dojo.io.IframeTransport�Q�用法与xmlhttp是一��L(f��ng)��Q�其优点��是可以跨域�Q�不存在��M��的安全问�?br>如果 Request指定的mimetype是text或javascript�Q�返回的内容应该是放在第一个textarea里的内容�Q�如果指定的 mimetype是html�Q�则IFrame里的html则是需要的内容。因为浏览器兼容的原因，IframeTransport不能正确处理�q�回�c�d��?XML的请求�?

关于Rpc�Q�这个类��g��Remoting的东西，也将在以后对其进行介�l��?/p>

TNT 2007-05-25 13:39 发表评论

Dojo学习(f��n)�W�记(5. dojo.lang.array & dojo.lang.func & dojo.string.extras)

TNT — Fri, 25 May 2007 05:38:00 GMT

Dojo学习(f��n)�W�记(5. dojo.lang.array & dojo.lang.func & dojo.string.extras)

模块�Q�dojo.lang.array

dojo.lang.has
判断对象是否��h��指定属性，不过�q�个�Ҏ(gu��)��有用吗，不如直接使用 if(name in obj)
Usage Example:
  dojo.lang.has(dojo.lang, "has"); //will return true

dojo.lang.isEmpty
判断对象或数�l�是否�ؓ(f��)�I?br>Usage Example:
  dojo.lang.isEmpty({a: 1}); //will return false
  dojo.lang.isEmpty([]); //will return true

dojo.lang.map
调用指定的方法处理指定的数组或字�W�串
Usage Example:
  dojo.lang.map([1,2,3,4,5], function(x) { return x * x;}); //will return [1,4,9,16,25]

dojo.lang.forEach
遍历指定的数�l�或字符�Ԍ��q�对其中的元素调用指定的�Ҏ(gu��)��
Usage Example:
  dojo.lang.forEach("abc", function(x) { alert(x); });

dojo.lang.every
��(g��)查指定的数组是否全部满��指定�Ҏ(gu��)��的条�?br>Usage Example:
  dojo.lang.every([1,-2,3], function(x) { return x > 0; }); //指定的数�l�不是全大于0的，因此�q�回false

dojo.lang.some
��(g��)查指定的数组是否部分满��指定�Ҏ(gu��)��的条�?br>Usage Example:
  dojo.lang.some([1,-2,3], function(x) { return x > 0; }); //指定的数�l�有大于0的元素，因此�q�回true

dojo.lang.filter
�Ҏ(gu��)��指定的方法来�q��o(h��)指定的数�l?br>Usage Example:
  dojo.lang.filter([1,-2,3], function(x) { return x > 0; }); //will return [1, 3]

dojo.lang.unnest
把指定的参数或数�l��{换�ؓ(f��)一�l�数�l?br>Usage Example:
  dojo.lang.unnest(1, 2, 3);  //will return [1, 2, 3]
  dojo.lang.unnest(1, [2, [3], [{4}]]); //will return [1, 2, 3, 4]

dojo.lang.toArray
��输入�{换�ؓ(f��)数组
Usage Example:
  function test()
  {
return dojo.lang.toArray(arguments, 1);
  }
  test(1,2,3,4,5); //will return [2,3,4,5]

模块�Q�dojo.lang.func
dojo.lang.hitch
��指定的�Ҏ(gu��)��挂在指定的对象下�q�返回该�Ҏ(gu��)��
Usage Example:
  func = {test: function(s) {alert(s)}};
  dojo.lang.mixin(func, {demo: dojo.lang.hitch(func, "test")});
  func.demo("demo and test are same method");

dojo.lang.forward
�q�回自��n对象的指定名�U�的�Ҏ(gu��)��引用
Usage Example:
  func = {test: function(s) {alert(s)}, demo: dojo.lang.forward("test")};
  func.demo("demo and test are same method");

dojo.lang.curry
What is curry? 请参阅这��文章：(x��)http://www.svendtofte.com/code/curried_javascript/
Usage Example:
  function add(a, b)
  {
return a + b;
  }
  dojo.lang.curry(null, add, 2, 3); //will return 5
  dojo.lang.curry(null, add, 2)(3); //will return 5
  dojo.lang.curry(null, add)(2)(3); //will return 5
  dojo.lang.curry(null, add)()(2)(3); //will return 5

dojo.lang.curryArguments
与dojo.lang.curry�c�M��Q�但是可以选择忽略掉前n个参�?br>Usage Example:
  function add(a, b)
  {
return a + b;
  }
  dojo.lang.curryArguments(null, add, [1,2,3,4,5], 2); //will return 5 (= 2 + 3)

dojo.lang.tryThese
��试参数指定所有函敎ͼ��q�返回第一个返回��g��?的函数�?br>from seno:
dojo.lang.tryThese�Ҏ(gu��)��和prototype中的Try.these()�Ҏ(gu��)��是一��L(f��ng)��Q?
xmlNode.text在一些浏览器中好用，但是xmlNode.textContent在另一些浏览器中正常工作�?使用Try.these()�Ҏ(gu��)��我们可以得到正常工作的那个方法的�q�回倹{�?
�Q�自动获取的��g��?../dojo/
ps: 如果你有多个工程需要同时引用dojo.js的话�Q�徏议也把dojo当作一个独立的工程�Q�引用的时候采用绝对�\径就可以�?br>
parseWidgets�Q�这个是可以控制dojo是否自动解析��h��dojoType的html元素为对应的widget�Q�如果你没有使用��M��Widget�Q�徏议设�|��ؓ(f��)false以加快dojo的加载速度

searchIds�Q�这是一个字�W�串数组�Q�定义了(ji��n)所有需要解析�ؓ(f��)widget的html元素的ID�Q�如果ID不在其中的html元素是不�?x��)被解析的，当数�l��ؓ(f��)�I�数�l�时�Q�则所有具有dojoType的元素都�?x��)被解�?br>
�q�有一个bindEncoding�Q�是用来讄��默认的bind��h��的编码方�?br>
至于其它的属性，不是用处不大�Q�就是不知道有什么作�?br>
在实际开发中�Q�可以把djConfig的定义放在一个js文�g里，�q�将其作为第一个引用的js文�g�Q�这样应该是最方便的�?/p>

TNT 2007-05-25 13:31 发表评论

Dojo学习(f��n)�W�记(1. 模块与包)

TNT — Fri, 25 May 2007 05:29:00 GMT

Dojo学习(f��n)�W�记(1. 模块与包)

Intro:

Dojo是一个非常强大的面向对象的JavaScript的工��L(f��ng)��, ��读者能够去补充一下JavaScript下如何��用OO�q�行�~�程�? �q�对于你以后阅读Dojo Source有很大的用处

请大家下载dojo 0.3.1, 以下的说明均针对此版�?br>
��译�?a >http://manual.dojotoolkit.org/WikiHome/DojoDotBook/BookUsingDojo

Getting Started

1: 把Dojo加入到我们的Web�E�序�?br>
1. 标志

<script type="text/javascript">
djConfig = { isDebug: false };
script>

djConfig是Dojo里的一个全局对象, 其作用就是�ؓ(f��)Dojo提供各种选项, isDebug是最常用的属性之一, 讄��为True以便能够在页面上直接看到调试输出, 当然其中�q�有些属性与调试有关, �q�里��׃��|�烦(ch��)�?br>
2. 引用 dojo 的启动代�?/p>
<script type="text/javascript" src="/yourpath/dojo.js" />

�q�样你就引用�?ji��n)dojo的代�? �q�可以直接��用其中部分常用的对象, 下蝲下来的dojo.js是压�~?remove comments and space)后的代码, 要阅�ȝ��?��阅读dojo.js.uncompressed.js, dojo.js大概�?27K, 而未压羃前有211K, ok, ��Z��么会(x��)�q�么大呢, 原来其已�l�把部分常用的模块整合进dojo.js�? 因此昑־�大了(ji��n)一�? build.txt里就说明�?ji��n)默认的dojo.js包含�?ji��n)哪些模�?br>
3. 声明你所要用到的�?/p>
<script type="text/javascript">
  dojo.require("dojo.math");
  dojo.require("dojo.io.*");
  dojo.require("dojo.widget.*");
script>

你就把这些代码当成是java的import语句或C#中的using语句一�? 如果你不require的话, 而模块本�w�又没有整合在dojo.js�? 是会(x��)出现脚本错误的喔

2. 针对不同需求提供的预整合包

Dojo 本��n是由许多模块所�l�合而成�? 但是�׃��用户需求的多样�? dojo针对不同的需求而提供了(ji��n)不同的版�? 用户在下载dojo的时候就看见可以选择很多的版�? 比如Ajax版和W(xu��)idget�? 每个版本最重要的区别就在于dojo.js文�g, 但是除此之外, 每一个版本都是全功能�? dojo.js�Ҏ(gu��)��版本的不同而整合进�?ji��n)不同的模�?br>
3. 直接获取Dojo的最新源代码

首先你必��d��?Subversion, 当Subversion在你的电(sh��)脑上能够正常工作�?你就可以通过如下命��o(h��)下蝲dojo的源代码:

svn co http://svn.dojotoolkit.org/dojo/trunk/

�q�会(x��)在你的当前目录下创徏一�?trunk 的目�? 如果你希望直接Get到当前目�? 用这个命�?

svn co http://svn.dojotoolkit.org/dojo/trunk/ .

或者你希望Get到当前目录下�?MyDir 目录, 用这个命�?

svn co http://svn.dojotoolkit.org/dojo/trunk/ MyDir

模块与包

模块

Dojo的代码被划分为逻辑单元�U�C��为模�? �q�有点类��g��Java中的package,除了(ji��n)dojo的模块能够包含类 (�c�M��于java中的classes)和简单函�?br>
比如: 模块"dojo.html"包含�?ji��n)一�p�d��的函�? 比如dojo.html.getContentBox(), 模块"dojo.dnd"包含�?ji��n)一�p�d��的HtmlDragObject的类

注意名称�U�定, 函数的首字母为小写字�?�cȝ��首字母�ؓ(f��)大写

模块也可以称之�ؓ(f��)"命名�I�间"

�?br>
在多数情况下, dojo的模块只需要定义在一个文件就可以�? 但有�? 一个模块可能划分到多个文�g, 比如: 模块dojo.html, 本来是定义在一个文件中, 可是�׃��功能的增�? 文�g逐渐变大, 我们不得不将其拆分�ؓ(f��)多个文�g, �q�主要是为性能考虑, 以便��览器可以只下蝲光��要用到的代码, 不幸的是其实现细节对于dojo的用��L(f��ng)��h��不那么透明, 你必��ȝ��道你惌��用到的功能到底是包含在哪个文�? 然后才能require�q��用它

�q�样的每一个文仉��U�C��Z��个包

dojo.require("dojo.html.extras")

��引用文�?src/html/extras.js, �q�将定义模块 dojo.html 的若�q?�q��所�?函数

据我所�? ��管单个文�g可以定义包里的多个类, 单个脚本文�g不能定义多个模块 (在Java可以�{�效于在一个文件中定义2个类), �q�且, 包的名称和模块的名称可以不同, 比如: 包dojo.widget.Button定义�?ji��n)dojo.widget.html.Button

基本上你应该�q�样认�ؓ(f��), 包和模块��管密切相关, 但是是两个完全不同的实体

��Z��么会(x��)有模块和包这��L(f��ng)��概念?

��Z��么会(x��)有模块和包这��L(f��ng)��概念? ��Z��(ji��n)满��你的应用�E�序只需要加载其所用到的东西的需�? 充分利用模块化设计的优点, dojo�l�护�?ji��n)最��的��_��以便仍能提供你所需要的功能, ��Z��么要你的用户��费旉��M��载用不到的JavaScript, 当一个包��是一个js文�g�? 一个模块本质上��是一个命名空�? 比如: dojo.style �?dojo.html.extras
多数��单情况下, 一个包包含�?ji��n)一个模�? 但更常见的是, 一个模块可能被拆分为几个包文�g

利用包和模块, ��能��保你能够交付最相关的功能代�? 最��程度的减少代码的膨胀和消除由此带来的不好的用户体�?�q�就是模块设计的主要目标, 通过模块�? 你能够引入自定义模块(你自己拥有的 JavaScript 工具), �q�且�l�护模块对于核心(j��)代码库基本不�?x��)��生什么媄(ji��ng)�?br>
另外, Dojo的模块系�l�也提供�?ji��n)内建的机制来��用代码提供命名空�? 比如, 通过模块dojo.event定义的Dojo的事件系�l?br>
怎样引用

讄��引用语句

你怎样才能知道该引用哪个包到dojo.require()?

1. 模块

首先, ��定你要使用什么模�? �q�个例子我们假定你要使用 dojo.lfx.html

2. �?br>
搜烦(ch��)代码后你发现dojo.lfx.html定义�?个文�?

src/lfx/html.js
src/lfx/extras.js

�Ҏ(gu��)��你要用到的功�? 你可�?nbsp;

dojo.require("dojo.lfx.html");

�?nbsp;

dojo.require("dojo.lfx.html");
dojo.require("dojo.lfx.extras");

通配�W?br>
新用户可能会(x��)对dojo.lfx.*�q�样��可以替代上�?句而感到诧�? 实际�? __package__.js 中已�l�定义了(ji��n)通配�W�可以代替的语句, �q�且�q�样可以让dojo�Ҏ(gu��)��当时的环境而决定加载具体的模块

TNT 2007-05-25 13:29 发表评论

dojo.io.bind

TNT — Thu, 24 May 2007 07:50:00 GMT

dojo.io.bind

处理��h��取回需要的数据�q�处�?/p>

虽然我们可以定义一个自��q��Transport�Q�但是显然不如直接利用现成的Transport方便�?/p>

Dojo里提供了(ji��n)一个同时兼容IE和Firefox的dojo.io.XMLHTTPTransport�Q�但是这个对象位�? dojo.io.BrowserIO�Q�因此，一般require dojo.io.IO�Ӟ��q�应该require dojo.io.BrowserIO

Usage Example:

encoding: “utf-8″, //默认是ascii

你也可以用一个handle来处理所有的事�g

你还可以利用bind来得��C��个JavaScript所定义的对象（注意mimetype必须要定义�ؓ(f��)"text/javascript"�Q?/p>

另一个Post的例�?without Form to post):

dojo.io.queueBind

dojo.io.argsFromMap

用来把对象�{换�ؓ(f��)URL的参数�Ş�?br>
Usage Example:

dojo.io.setIFrameSrc

讄��IFrame的Src

Usage Example:

TODO: 补充一个kwArgs的例子，我之前在�|�上看见�q�，可是现在无论如何也找不到相关的页面了(ji��n)�Q�只好以后在举例�?/p>

模块�Q�dojo.io.BrowserIO

基本上就提供�?ji��n)dojo.io.XMLHTTPTransport�q�个对象

因此�Q�根据应用要求，我们可能�?x��)需要选用其它的transport: dojo.io.IframeTransport, dojo.io.repubsubTranport, dojo.io.ScriptSrcTransport, ShortBusTransport

TNT 2007-05-24 15:50 发表评论

DWRUtil.addOptions question

TNT — Sun, 20 May 2007 09:26:00 GMT

DWRUtil.addOptions('coRegulateurList_tbody', TermList, {
creatorFunction: function(oneTerm)
{
var oneOption = new Option(oneTerm.terminalId+(oneTerm.terminalActive?" Active": ""), oneTerm.terminalId);
oneOption.id='term_'+oneTerm.terminalId;
oneOption.selected=oneTerm.terminalSelected;
}
});

But why the hell use DWRUtil, I'm doing all the work :op

Some maybe like this it would be smarter :

DWRUtil.addOptions(
'coRegulateurList_tbody', TermList, {
idFunction: function(oneTerm)
{
return 'term_' +oneTerm.terminalId;
},
selectedFunction:function(oneTerm)
{
return oneTerm.terminalSelected;
},
textFunction:function(oneTerm)
{
return oneTerm.terminalId+(oneTerm.terminalActive?" Active" :"");
}
});

TNT 2007-05-20 17:26 发表评论

dojo 控制DIV

TNT — Fri, 18 May 2007 02:35:00 GMT

<div><input type="button" value="wipeOut" onclick="wipeOut('subBlogListDiv')"/>div>
<div><input type="button" value="wipeIn"  onclick="wipeIn('subBlogListDiv')"/>div>
<div><input type="button" value="fadeOut"  onclick="fadeOut('subBlogListDiv')"/>div>
<div><input type="button" value="fadeIn"  onclick="fadeIn('subBlogListDiv')"/>div>
<div><input type="button" value="opacity"  onclick="opacity('subBlogListDiv')"/>div>
<div><input type="button" value="highlight"  onclick="highlight('subBlogListDiv')"/>div>
<div><input type="button" value="explode"   onclick="dojo.lfx.explode(this, 'subBlogListDiv', 300).play();"/>div>
<div><input type="button" value="implode"   onclick="dojo.lfx.implode( 'subBlogListDiv', this,300).play();"/>div>
<div><input type="button" value="slidTo"  onclick="dojo.lfx.html.slideTo(document.getElementById('testM'), [400, 700], 5000).play();"/>div>
<div><input type="button" value="slidBy"  onclick="dojo.lfx.html.slideBy(document.getElementById('testM'), [0, 0], 5000).play();"/>div>

   //highlight(高亮度標�C?、Wipe(捲�v、張�?、Fade(淡出、��E�?、Explode(跛_��)、Implode(收回)、Slide(滑動);
     function wipeOut(elId){
         dojo.lfx.wipeOut(elId, 300).play();
     }
     function wipeIn(elId) {
         dojo.lfx.wipeIn(elId, 300).play();
     }
     function fadeOut(elId){
        dojo.lfx.html.fadeOut(elId, 300).play();
     }
     function highlight(elId){
            dojo.lfx.html.highlight(elId, [255,255,0], 2000, 5000).play();
      }
     function fadeIn(elId){
        dojo.lfx.html.fadeIn(elId, 300).play();
     }
     function opacity(elId){
        dojo.html.setOpacity(elId, 0.5);
     }

TNT 2007-05-18 10:35 发表评论