濡傛灉鍔犺澆鎱? 璇瘋愬績絳夊緟涓浼?..
濡傛灉璁塊棶涓嶄簡,鍙互鐪嬭繖閲? http://bbs.edojs.com/viewthread.php?tid=134
鍙渶瑕佹嫋鎷借緗?灝卞彲浠ュ畬鎴愪竴涓猈EB UI鐣岄潰鐨勫紑鍙? 鐢熸垚鍙疄闄呭簲鐢ㄧ殑浠g爜(鐩墠鍙互褰撲綔鐣岄潰浠g爜鐢熸垚鍣?
鍚庣畫浼氱戶緇仛涓や釜閲嶅ぇ鐗規?1.浠g爜緙栬緫; 2.鏁版嵁浜や簰. 瀹炵幇鐪熸鎰忎箟鐨剋eb ide寮鍙戝伐鍏?
鍦╦avascript妗嗘灦鐨勫巻鍙蹭笂, 鍥藉唴澶? 鍙湁EdoJS涓瀹跺仛鍒頒簡榪欑紼嬪害鐨剋eb鍙鍖栬璁″櫒鏁堟灉:
浣犱篃鍙互鍙備笌鍒拌繖涓狪DE鐨勫畬鍠勫拰鎵╁睍宸ヤ綔涓? 榪欎釜IDE鐨勫疄鐜頒唬鐮佸彲浠ュ湪榪欓噷涓嬭澆:
edojs鐜板湪鏈夊厤璐規巿鏉冩椿鍔? 浠ュ強寮鏀劇粍浠跺簱浠g爜:
http://bbs.edojs.com/viewthread.php?tid=59&extra=page%3D1
璁╂偍娌℃湁闂ㄦ, 鎷ユ湁瓚沖鐨勮祫婧愬幓浜嗚В鍜屼嬌鐢‥doJS!
騫跺弬涓庡埌EdoJS鐨勪笉鏂畬鍠勫拰鎵╁睍宸ヤ綔涓?
鎴戜滑鍧氭寔鍋氫簡3騫? 鍥戒漢鍒墮? 甯屾湜澶у鑳芥敮鎸? 鑰屼笉鏄鐤戝拰璋╅獋.
鎴戜滑涔熻兘瀹炵幇鍩虹杞歡鐨勮秴綰ф牳姝﹀櫒! 鑰屼笉鍙槸渚濋潬鍥藉鐨勬妧鏈緭鍏?
鍙﹀: 嬈㈣繋緗枒EdoJS鐨勬湅鍙? 鍘葷敵璇稥doJS鍏嶈垂鎺堟潈, 8鏈?鍙鋒偍涔熷彲浠ヤ笅杞藉埌60涓粍浠朵唬鐮? 鍙互鍒嗘瀽涓? EdoJS鏄惁鏄妱琚殑浜х墿!
DynamicGantt鏄熀浜嶹EB嫻忚鍣ㄧ殑鍔ㄦ佺敇鐗瑰浘瑙e喅鏂規銆?/p>
杞歡鐨剋eb鏃朵唬錛岀湡姝e疄鐜皐eb欏圭洰綆$悊緋葷粺鐨勬牳蹇冨紩鎿庯紒
DynamicGantt鍏峰濡備笅鍑犲ぇ鐗規?
EdoJS鏄竴涓敱涓浗浜哄紑鍙戠殑銆佷笘鐣岀駭鐨勫瘜瀹㈡埛绔晫闈㈡鏋惰В鍐蟲柟妗堛?/p>
鍦ㄥ悇縐嶅熀紜騫沖彴妗嗘灦琚浗澶栧瀯鏂殑浠婂ぉ錛?a >EdoJS鑷村姏浜庢惌寤?#8220;涓浗鍒墮?#8221;鐨勭晫闈㈠熀紜寮鍙戝鉤鍙版鏋訛紝鎻愪緵涓板瘜銆佸畬鍠勩佸己澶х殑UI緇勪歡搴擄紝浠ュ強鍙鍖栬璁″櫒錛屼負WEB寮鍙戦鍩熷甫鏉ヤ竴涓潵鑷腑鍥界殑鍢逛寒澹伴煶!
緗戠珯:
璁哄潧:
鐩墠鎻愪緵浜?00澶氫釜鍦ㄧ嚎紺轟緥婕旂ず:
http://edojs.com/examples/index.html
瀹屽杽鐨勬暀紼嬩腑蹇冨拰API鏂囨。:
http://edojs.com/tutorial/index.html
http://edojs.com/api/index.html
鏄撳害鍥㈤槦鏇存槸鍦ㄦ妗嗘灦鍩虹涓婂紑鍙戜簡涓栫晫綰х殑楂樼駭緇勪歡,
鏄撳害鐢樼壒鍥?
鍙鍖朓DE:
http://edojs.com/ide/index.html
鏂囨。綆$悊鍣?Excel鐢靛瓙琛ㄦ牸,FileManager鏂囨。綆$悊鍣?Calendar鏃ュ巻絳夌瓑.
鍏堢粰澶у鐪嬬湅鎴戝仛鐨勬晥鏋滃浘鍚?
鍒涘緩涓涓?a mce_>鏄撳害鐢樼壒鍥?/a>錛岄渶瑕佹湁涓ゅぇ瀵硅薄錛?/p>
1.Edo.project.GanttView 錛氱敇鐗瑰浘鏄劇ず緇勪歡
2.Edo.data.DataProject 錛氱敇鐗瑰浘鏁版嵁緇勪歡
GanttView緇勪歡鏄竴鑸剰涔変笂鐨勬槗搴︾敇鐗瑰浘緇勪歡錛屽畠鏄竴涓晫闈㈡樉紺虹粍浠訛紝鏄竴涓乏渚ф爲褰換鍔★紝鍙充晶鏉″艦鍥劇殑緇勪歡銆?/p>
DataProject鏄敇鐗瑰浘鏁版嵁緇勪歡錛屽畠鎻愪緵浜嗙敇鐗瑰浘鏄劇ず鍜屾搷浣滈昏緫鐨勬暟鎹姛鑳斤紝鏄竴涓笉鍙鐨勭粍浠躲?/p>
涓よ呴厤鍚堬紝瀹炵幇浜嗕竴涓畬鏁寸殑鐢樼壒鍥懼簲鐢紝
鍙﹀錛屼笉寰椾笉瑕佽鍙︿竴涓叧閿殑緇勪歡錛欵do.util.Ajax銆?/p>
鎴戜滑鐨勭敇鐗瑰浘鏁版嵁錛屽線寰鏄互XML鎴朖SON闈欐佹柟寮忓瓨鏀懼湪鏈嶅姟绔紝鎴栬呮槸浠ユ暟鎹簱鏂瑰紡瀛樻斁銆傛垜浠湪欏甸潰鏄劇ず鐢樼壒鍥劇殑鏃跺欙紝闇瑕佷粠鏈嶅姟绔妸榪欎簺鏁版嵁鎻愬彇鍑烘潵錛岀敓鎴愪竴涓狣ataProject鏁版嵁瀵硅薄錛岀劧鍚庢墠鑳界敱GanttView姝g‘鏄劇ず鍑烘潵銆?/p>
榪欓噷錛孉jax璐熻矗鍦ㄥ鎴風欏甸潰錛屼粠鏈嶅姟绔幏鍙栨暟鎹彁渚涚粰鐢樼壒鍥炬樉紺哄拰鎿嶄綔錛屽茍涓斿湪鐢樼壒鍥炬搷浣滀箣鍚庯紝鎶婄敇鐗瑰浘鏁版嵁錛岀戶緇互XML鎴朖SON鏁版嵁褰㈠紡浼犻掑埌鏈嶅姟绔紝鏇存柊榪涙暟鎹簱鐨勫姛鑳姐?/p>
涓嬮潰閫氳繃涓涓爣鍑嗙殑鑼冧緥錛屾潵璇存槑鍦ㄩ〉闈笂錛屽垱寤轟竴涓槗搴︾敇鐗瑰浘搴旂敤鐨勫叏榪囩▼錛?/p>
棣栧厛錛屾垜浠渶瑕佸湪欏甸潰鍐呭紩鐢ㄦ槗搴︾敇鐗瑰浘鐨刢ss鍜宩s錛?/p>
<!--edogantt css-->
<link href="../scripts/edo/res/css/base.css" rel="stylesheet" type="text/css" />
<link href="../scripts/edo/res/css/core.css" rel="stylesheet" type="text/css" />
<link href="../scripts/edo/res/css/skin.css" rel="stylesheet" type="text/css" />
<link href="../scripts/edo/res/product/project/css/project.css" rel="stylesheet" type="text/css" />
<!--edogantt javascript-->
<script src="../scripts/edo/edo.js" type="text/javascript"></script>
娉ㄦ剰錛氳浠旂粏媯鏌ss鍜宩s鐨勮礬寰勬槸鍚︽紜?/p>
鐒跺悗錛屾垜浠氨鍙互浣跨敤Ajax鑾峰彇鐢樼壒鍥炬暟鎹紝鍒涘緩DataProject錛屽垱寤篏anttView錛屾渶緇堢敓鎴愪竴涓猈EB鐢樼壒鍥懼簲鐢ㄤ簡錛?/p>
var dataProject, project;
Edo.util.Dom.on(window, 'load', function(e){
//鍒涘緩鏄撳害鐢樼壒鍥劇粍浠?br /> project = Edo.create({
type: 'ganttview',
width: 700,
height: 400,
render: document.getElementById('example-view')
});
//浣跨敤Ajax, 浠庢湇鍔$鑾峰彇鐢樼壒鍥炬暟鎹瓧絎︿覆
Edo.util.Ajax.request({
url: '../data/project.xml', //鏁版嵁婧愬湴鍧: 璇鋒敞鎰忚礬寰?br /> onSuccess: function(text){
//浣跨敤xml瀛楃涓插垱寤篍do.data.DataProject鏁版嵁瀵硅薄
dataProject = new Edo.data.DataProject(text);
//dataProject璁劇疆緇檊anttview瀵硅薄鐨刣ata灞炴у嵆鍙樉紺哄拰鎿嶄綔
project.set('data', dataProject);
},
onFail: function(err){
alert("鍔犺澆xml鏁版嵁澶辮觸,閿欒鐮?"+err);
}
});
});
浠ヤ笂鏄粠鏈嶅姟绔姞杞絏ML鏁版嵁鏍煎紡鐨勮寖渚嬶紝濡傛灉鎮ㄥ姞杞界殑鏄疛SON鏍煎紡錛屽弬鑰冨涓嬩唬鐮侊細
Edo.util.Ajax.request({
url: '../data/project.txt',
onSuccess: function(text){
//浠巎son鍒涘緩Edo.data.DataProject鏁版嵁瀵硅薄
var json = Edo.util.Json.decode(text);
dataProject = new Edo.data.DataProject(json.result);
project.set('data', dataProject);
},
onFail: function(err){
alert("鍔犺澆xml鏁版嵁澶辮觸,閿欒鐮?"+err);
}
});
浠呬粎鏄湪鍒涘緩Edo.data.DataProject鏃剁殑涓嶅悓澶勭悊銆?/p>
褰撳垱寤烘樉紺烘槗搴︾敇鐗瑰浘涔嬪悗錛屾槗搴︾敇鐗瑰浘緇勪歡鎻愪緵浜嗕竴緋誨垪鍔熻兘鎿嶄綔鍏ュ彛銆傚鐐瑰嚮浠誨姟鏍戝崟鍏冩牸榪涜緙栬緫錛岄紶鏍囨嫋鎷借皟鏁村彸渚ф潯褰㈠浘鍖哄煙涓換鍔$殑寮濮嬫棩鏈熴佸畬鎴愭棩鏈熷拰瀹屾垚鐧懼垎姣旓紝浠ュ強鍙抽敭鑿滃崟涓殑“鏂板銆佸垹闄ゃ佷慨鏀廣佸崌綰с侀檷綰?#8221;絳変換鍔℃搷浣滃姛鑳姐?/p>
娉ㄦ剰錛佸鏋滄偍鍒涘緩鏄劇ず鐢樼壒鍥句箣鍚庯紝鏈洃鍚鐞嗙敇鐗瑰浘鐨勪換浣曚簨浠訛紝閭d箞浠誨姟鎿嶄綔鍚庣殑浠誨姟鐘舵佸皢涓嶄細鏈変換浣曟敼鍙橈紝涓鍒囦換鍔$殑鎿嶄綔緇撴灉錛屽叏閮ㄩ氳繃鐢樼壒鍥句簨浠訛紝寮鏀劇粰鐢ㄦ埛錛岀敱鐢ㄦ埛鐩戝惉騫跺鐞嗕換鍔$殑鎿嶄綔鍚庣姸鎬併?/p>
灝辨槸璇達紝鏄撳害鐢樼壒鍥懼彧鏄仛浜嗘樉紺哄拰鎿嶄綔鐨勫姛鑳藉皝瑁咃紝浣嗘槸瀵逛簬鎿嶄綔緇撴灉錛屼笉鍔犱互騫叉秹錛屽畬鍏ㄤ氦緇欑敤鎴鋒潵鎺у埗銆?/p>
姣斿錛岀敤鎴峰湪鐣岄潰緙栬緫淇敼浜嗘煇涓浠誨姟鐨勫畬鎴愭棩鏈燂紝榪欐椂鍊欎細嬋鍙憈askchange浜嬩歡錛岀敤鎴峰彲浠ョ洃鍚鐞嗚繖涓猼askchange浜嬩歡錛屽緱鐭ワ細鏄摢涓換 鍔★紝浠涔堝睘鎬э紝瑕佹敼鎴愪粈涔堟牱鐨勫箋傜敤鎴峰彲浠ョ畝鍗曠殑鐩存帴璁劇疆緇欎換鍔★紙鍙傝冪敇鐗瑰浘鐨勪換鍔℃搷浣滅瘒錛夛紝涔熷彲浠ョ粡榪囦竴緋誨垪澶嶆潅鐨勬暟鎹昏緫璁$畻鍜屽鐞嗭紝浠庤屽垽鏂槸鍚﹀彲 浠ヤ慨鏀癸紝淇敼鍚庯紝姝や換鍔″叧鑱旂殑鍏朵粬浠誨姟鐨勬棩鏈熸庝箞鑱斿姩澶勭悊絳夈?/p>
鐢樼壒鍥炬暟鎹鐞嗭紝瀹屽叏浜ょ粰浜嗗紑鍙戣咃紝浣垮紑鍙戣呭鏁版嵁澶勭悊錛屾湁浜?00%鐨勬帉鎺с?/p>
www.edogantt.com緗戠珯鎻愪緵浜嗗畼鏂圭殑浜嬩歡鐩戝惉鏁版嵁澶勭悊紺轟緥錛屽畬鍏ㄥ弬鑰冨井杞疨roject鐨勬暟鎹搷浣滃鐞嗛昏緫銆?/p>