锘??xml version="1.0" encoding="utf-8" standalone="yes"?>
]]>
2 <head>
3 <title>JSTest</title>
4 </head>
5 <body>
6 <input type="button" id="btn1" value="btn1" ONClick="alert('hello, this is btn1');"></input>
7 <input type="button" id="btn2" value="btn2"></input>
8 <script type="text/javascript" charset="utf-8">
9 var ele=document.getElementById("btn2");
10 ele.onclick=function(){alert('hello, this is btn2');}
11 </script>
12 </body>
13 </html>
]]>
public PopupPanel()錛?/SPAN>
public PopupPanel(boolean autoHide)錛?/SPAN>
瀹炰緥鍖栨垜浠殑PopupPanel涔嬪悗錛屽彲浠ヨ緗樉紺虹殑浣嶇疆錛岀劧鍚庤皟鐢╯how()鏄劇ず銆備絾鏄繖鏍峰彧鑳藉緱鍒頒竴涓ā鎬侊紙modal錛塒anel錛屽彧瑕佸畠澶勪簬鍙錛坕sVisible()榪斿洖true錛夌姸鎬侊紝鎴戜滑鐨勯〉闈㈠氨涓嶈兘榪涜浠諱綍鎿嶄綔錛堥櫎浜嗗凡緇忚繍琛岃搗鏉ョ殑JS浠g爜錛屽儚鍙戦丄jax璇鋒眰榪欐牱鐨勫悗鍙版搷浣滐級錛岀浉褰撲笌鏁翠釜Web搴旂敤鍥犱負鏄劇ず璇anel鑰岃繘鍏ヤ簡鏆傚仠鐘舵併?/SPAN>
鐢變簬PopupPanel鍙互鏍規嵁浣嶇疆鍙傛暟鍑虹幇鍦ㄩ〉闈換浣曞湴鏂癸紝鎵浠ュ緢閫傚悎浜庡疄鐜拌濡傞〉闈㈣钀戒笂鐨勬彁紺烘錛堟瘮濡傚湪欏甸潰鍙充笂瑙掓樉紺?#8220;loading...”錛夌瓑綾諱技鐨勫皬鍔熻兘銆備絾鏄繖鏍風殑鎻愮ず妗嗕笉鑳芥殏鍋滄祻瑙堝櫒鐨勮繍琛岋紝鎵浠ュ簲璇ユ槸涓涓潪妯℃侊紙non-modal錛夌殑Panel銆備簬鏄垜浠氳繃涓縐嶆柟寮忔潵緇曡繃娌℃湁閫傚綋鏋勯犲嚱鏁扮殑闄愬埗錛?/SPAN>
浣跨敤RootPanel.get().add(myPanel);鏉ュ彇浠yPanel.show();
榪欐牱灝卞緱鍒頒簡涓涓潪妯℃佺殑Panel銆?/SPAN>
鍦ㄦ柊鐨凣WT1.4涓紝PopupPanel鏈変笁涓瀯閫犲嚱鏁幫細
public PopupPanel()錛?/SPAN>
public PopupPanel(boolean autoHide)錛?/SPAN>
public PopupPanel(boolean autoHide, boolean modal)錛?/SPAN>
鎴戜滑鐪嬪埌錛屾垜浠彲浠ラ氳繃鏋勯犲嚱鏁版寚瀹氭槸鍚﹂渶瑕佷竴涓ā鎬丳anel銆傚鏋滄垜浠嬌鐢ㄧ涓変釜鏋勯犲嚱鏁幫紝鑰屼笖鎶婄浜屼釜鍙傛暟璁劇疆涓篺alse鐨勮瘽錛屽綋鎴戜滑瀵硅PopupPanel瀹炰緥璋冪敤show()鏂規硶鐨勬椂鍊欙紝灝變細寰楀埌涓涓潪妯℃佺殑Panel銆?BR> 浣嗘槸錛屽鏋滄垜浠繕瑕佺敤RootPanel.get().add(myPanel)鐨勮瘽錛屾祻瑙堝櫒灝嗗拷鐣ユ垜浠緗殑瀹藉害錛屽拰寮瑰嚭浣嶇疆絳変俊鎭紝鎶妋yPanel娣誨姞鍒伴〉闈㈡渶涓嬫柟涓涓厓绱犵殑涓嬮潰錛岃屼笖鍏跺搴︿笌嫻忚鍣ㄥ鎴峰尯鐨勫搴︾浉鍚屻傛諱箣錛岀粷涓嶆槸浣犳兂瑕佺殑緇撴灉銆?/SPAN>
涓嬮潰緇欏嚭涓涓湪欏甸潰鍙充笂瑙掑疄鐜版秷鎭彁紺烘鐨勬柟娉曘?/SPAN>
2 public void infoBoard(String info){
3 if(infoB!=null)
4 infoB.hide();
5 Label lb=new Label(info);
6 infoB.setWidget(lb);
7 infoB.show();
8 int width=infoB.getOffsetWidth();
9 infoB.hide();
10 int clientWidth=Window.getClientWidth();
11 infoB.setPopupPosition(clientWidth-width, 0);
12 infoB.show();
13 }
浣犵殑PopupPanel鍙兘浼氳CSS淇グ錛屽彲鑳介氳繃鐧懼垎姣旇緗簡瀹藉害錛屼篃鍙兘璁劇疆浜嗚竟妗嗙瓑灞炴э紝鎵浠ユ棤娉曞緱鐭ュ埌搴曞崰鐢ㄤ簡澶氬皯涓儚绱犵殑瀹藉害銆傚彧鏈夊浜庡彲瑙佺姸鎬佹椂鎵嶈兘寰楀埌鍏跺搴︺?BR>
]]>
http://code.google.com/webtoolkit/
榪欐槸璁哄潧閲岀殑鍙戝竷閫氱煡錛?/P>
http://groups.google.com/group/Google-Web-Toolkit/browse_thread/thread/e691e4059b3f991e
鍦╕UI涓細
鎵ц
1. YAHOO.namespace ("myspace");
鐒跺悗浣犲氨鎷ユ湁浜哬AHOO.myspace榪欎釜鍚嶅瓧絀洪棿錛屽彲浠ヨ繘琛岀被浼煎涓嬬殑鎿嶄綔錛?/P>
2. YAHOO.myspace.alertHello=function() {alert("Hello");}
瀹炶川涓婏紝YUI.namespace鐩稿綋浜庡緩绔嬩簡涓涓〃欏癸紝鍑嗙‘鍦拌鏄浉鑱旀暟緇?associative array)鐨勪竴欏廣?鎴戜滑鍙互鐢ㄤ互涓嬩袱鍙ヤ唬鏇夸笂闈㈢殑1銆?璇彞
1錛塝AHOO["myspace"]=new function(){};
2錛塝AHOO["myspace"].alertHello=function(){ alert("Hello");};
鑰屼笖1銆?涓?錛夈?錛夊彲浠ヤ氦鍙夌粍鍚堜嬌鐢ㄣ?/P>
涓嶇浣犱嬌鐢ㄥ摢縐嶆柟寮忓垱寤鴻嚜宸辯殑鍚嶅瓧絀洪棿錛岄兘鏈変袱縐嶆柟寮忚皟鐢╝lertHello
a. YAHOO["myspace"].alertHello();
b. YAHOO.myspace.alertHello();
鍦―ojo涓細
浣跨敤鏂瑰紡鍙傝冿細dojo_custom-namespace錛?/P>
Dojo.require()鎻愪緵浜嗘洿寮哄ぇ鐨勫悕瀛楃┖闂寸鐞嗗伐鍏鳳細Dojo鐢╩odule鏉ュ搴斿悕瀛楃┖闂寸殑鍚箟銆?鎴戝皻涓哄鍏剁浉鍏沖嚱鏁扮殑鍘熺悊榪涜娣卞叆鐮旂┒錛屼篃娌℃湁瀵繪壘絳変環鐨勪嬌鐢ㄦ柟寮忋?/P>
浣嗘槸錛屾敞鎰忔墜鍐屼腑榪欏彞璇濓細“First of all, you'll want to create a directory structure ...”銆備篃灝辨槸璇達紝Dojo鐨刴odule涓瀹氳瀵瑰簲涓涓猨s鏂囦歡銆?/P>
鎵浠ojo.require鏈哄埗涓嶆槸涓轟簡鍒涘緩鍙瓨鍦ㄤ簬閫昏緫涓婄殑鍚嶅瓧絀洪棿銆?dojo.require涓瀹氫細鍘諱笅杞界浉搴旂殑js鏂囦歡錛屽弬鑰僤ojo 0.9鐨勬墜鍐岋細 dojo-require