{"id":919,"date":"2019-01-25T08:19:00","date_gmt":"2019-01-25T00:19:00","guid":{"rendered":"http:\/\/www.langmanezhuang.com\/index.php\/2019\/01\/25\/01-dhtmlxgantt%e4%bd%bf%e7%94%a8%e5%9c%a8%e7%ba%bf%e6%a8%aa%e9%81%93%e5%9b%be-01_initialization-01_basic_init\/"},"modified":"2019-01-25T08:19:00","modified_gmt":"2019-01-25T00:19:00","slug":"01-dhtmlxgantt%e4%bd%bf%e7%94%a8%e5%9c%a8%e7%ba%bf%e6%a8%aa%e9%81%93%e5%9b%be-01_initialization-01_basic_init","status":"publish","type":"post","link":"http:\/\/blog.langmanezhuang.com\/index.php\/2019\/01\/25\/01-dhtmlxgantt%e4%bd%bf%e7%94%a8%e5%9c%a8%e7%ba%bf%e6%a8%aa%e9%81%93%e5%9b%be-01_initialization-01_basic_init\/","title":{"rendered":"01.dhtmlxGantt\u4f7f\u7528\u5728\u7ebf\u6a2a\u9053\u56fe 01_initialization-01_basic_init"},"content":{"rendered":"
\n

 <\/span><\/p>\n<\/div>\n

 <\/p>\n

\n
 1<\/span> <!<\/span>DOCTYPE html<\/span>><\/span>\n 2<\/span> <<\/span>head<\/span>><\/span>\n 3<\/span>     <<\/span>meta <\/span>http-equiv<\/span>=\"Content-type\"<\/span> content<\/span>=\"text\/html; charset=utf-8\"<\/span>><\/span>\n 4<\/span>     <<\/span>title<\/span>><\/span>Basic initialization<\/<\/span>title<\/span>><\/span>\n 5<\/span>     <<\/span>script <\/span>src<\/span>=\"..\/..\/codebase\/dhtmlxgantt.js?v=6.0.7\"<\/span>><\/<\/span>script<\/span>><\/span>\n 6<\/span>     <<\/span>link <\/span>rel<\/span>=\"stylesheet\"<\/span> href<\/span>=\"..\/..\/codebase\/dhtmlxgantt.css?v=6.0.7\"<\/span>><\/span>\n 7<\/span> \n 8<\/span>     <<\/span>script <\/span>src<\/span>=\"..\/common\/testdata.js?v=6.0.7\"<\/span>><\/<\/span>script<\/span>><\/span>\n 9<\/span>     <<\/span>style<\/span>><\/span>\n10<\/span>         html, body <\/span>{<\/span>\n11<\/span>             height<\/span>:<\/span> 100%<\/span>;<\/span>\n12<\/span>             padding<\/span>:<\/span> 0px<\/span>;<\/span>\n13<\/span>             margin<\/span>:<\/span> 0px<\/span>;<\/span>\n14<\/span>             overflow<\/span>:<\/span> hidden<\/span>;<\/span>\n15<\/span>         }<\/span>\n16<\/span>     <\/<\/span>style<\/span>><\/span>\n17<\/span> <\/<\/span>head<\/span>><\/span>\n18<\/span> <<\/span>body<\/span>><\/span>\n19<\/span> <<\/span>div <\/span>id<\/span>=\"gantt_here\"<\/span> style<\/span>='width:100%; <\/span>height:100%;'<\/span>><\/<\/span>div<\/span>><\/span> <!--<\/span>\u5c55\u793a\u7518\u7279\u56fe\u7684\u5143\u7d20<\/span>--><\/span>\n20<\/span> <<\/span>script<\/span>><\/span>\n21<\/span>     var<\/span> tasks <\/span>=<\/span> {\n<\/span>22<\/span>         data: [\n<\/span>23<\/span>             {\n<\/span>24<\/span>                 id: <\/span>1<\/span>, text: <\/span>\"<\/span>Project #2<\/span>\"<\/span>, start_date: <\/span>\"<\/span>01-04-2018<\/span>\"<\/span>, duration: <\/span>6<\/span>, order: <\/span>10<\/span>,\n<\/span>25<\/span>                 progress: <\/span>0.4<\/span>, open: <\/span>true<\/span> \/\/<\/span>open \u4e3atrue\u4e3a\u5c55\u5f00 false\u4e3a\u6536\u8d77<\/span>\n26<\/span>             },\n<\/span>27<\/span>             {\n<\/span>28<\/span>                 id: <\/span>2<\/span>, text: <\/span>\"<\/span>Task #2<\/span>\"<\/span>, start_date: <\/span>\"<\/span>02-04-2018<\/span>\"<\/span>, duration: <\/span>2<\/span>, order: <\/span>10<\/span>,\n<\/span>29<\/span>                 progress: <\/span>0.6<\/span>, parent: <\/span>1<\/span>\n30<\/span>             },\n<\/span>31<\/span>             {\n<\/span>32<\/span>                 id: <\/span>3<\/span>, text: <\/span>\"<\/span>Task #3<\/span>\"<\/span>, start_date: <\/span>\"<\/span>04-04-2018<\/span>\"<\/span>, duration: <\/span>2<\/span>, order: <\/span>20<\/span>,\n<\/span>33<\/span>                 progress: <\/span>0.6<\/span>, parent: <\/span>1<\/span>\n34<\/span>             },\n<\/span>35<\/span>             {\n<\/span>36<\/span>                 id: <\/span>4<\/span>, text: <\/span>\"<\/span>Task #4<\/span>\"<\/span>, start_date: <\/span>\"<\/span>04-04-2018<\/span>\"<\/span>, duration: <\/span>2<\/span>, order: <\/span>30<\/span>,\n<\/span>37<\/span>                 progress: <\/span>0.4<\/span>, parent: <\/span>1<\/span>\n38<\/span>             },\n<\/span>39<\/span>             {\n<\/span>40<\/span>                 id: <\/span>5<\/span>, text: <\/span>\"<\/span>Task #5<\/span>\"<\/span>, start_date: <\/span>\"<\/span>02-04-2018<\/span>\"<\/span>, duration: <\/span>1<\/span>, order: <\/span>40<\/span>,\n<\/span>41<\/span>                 progress: <\/span>0.8<\/span>, parent: <\/span>1<\/span>\n42<\/span>             }\n<\/span>43<\/span>             \/\/<\/span>{<\/span>\n44<\/span>             \/\/<\/span>  id: 5 \u4efb\u52a1\u552f\u4e00ID, text: \"Task #5\" \u4efb\u52a1\u540d\u79f0, start_date: \"02-04-2018\"  \u4efb\u52a1\u7684\u5f00\u59cb\u65f6\u95f4, duration: 1  \u4efb\u52a1\u7684\u6301\u7eed\u65f6\u95f4, order: 40,<\/span>\n45<\/span>             \/\/<\/span>  progress: 0.8  \u4efb\u52a1\u7684\u5b8c\u6210\u767e\u5206\u6bd4, parent: 1 \u7236ID<\/span>\n46<\/span>             \/\/<\/span>}<\/span>\n47<\/span>             \/\/\n<\/span>48<\/span> \n49<\/span>         ],\n<\/span>50<\/span>         links: [\n<\/span>51<\/span>             {id: <\/span>1<\/span>, source: <\/span>1<\/span>, target: <\/span>2<\/span>, type: <\/span>\"<\/span>1<\/span>\"<\/span>},<\/span>\/\/<\/span>id: 1  \u8fde\u63a5\u7684\u552f\u4e00id,  source: \u8fde\u63a5\u7684\u8d77\u70b9 1, target: \u8fde\u63a5\u7684\u7ec8\u70b9 2, type: \"1\" \u5f00\u59cb-\u5f00\u59cb \u4efb\u52a1\u8fde\u7ebf\u7c7b\u578b<\/span>\n52<\/span>             {id: <\/span>2<\/span>, source: <\/span>2<\/span>, target: <\/span>3<\/span>, type: <\/span>\"<\/span>0<\/span>\"<\/span>},<\/span>\/\/<\/span>id: 2, source: 1, target: 2, type: \"0\" \u7ed3\u675f-\u5f00\u59cb \u4efb\u52a1\u8fde\u7ebf\u7c7b\u578b<\/span>\n53<\/span>             {id: <\/span>3<\/span>, source: <\/span>3<\/span>, target: <\/span>4<\/span>, type: <\/span>\"<\/span>2<\/span>\"<\/span>},<\/span>\/\/<\/span>id: 3, source: 1, target: 2, type: \"2\" \u7ed3\u675f-\u7ed3\u675f \u4efb\u52a1\u8fde\u7ebf\u7c7b\u578b<\/span>\n54<\/span>             {id: <\/span>4<\/span>, source: <\/span>4<\/span>, target: <\/span>5<\/span>, type: <\/span>\"<\/span>3<\/span>\"<\/span>} <\/span>\/\/<\/span>id: 4, source: 1, target: 2, type: \"3\" \u5f00\u59cb-\u7ed3\u675f \u4efb\u52a1\u8fde\u7ebf\u7c7b\u578b<\/span>\n55<\/span>         ]\n<\/span>56<\/span>     };\n<\/span>57<\/span> \n58<\/span>     gantt.init(<\/span>\"<\/span>gantt_here<\/span>\"<\/span>);<\/span>\/\/<\/span>\u521d\u59cb\u5316\u7518\u7279\u56fe<\/span>\n59<\/span> \n60<\/span> \n61<\/span>     gantt.parse(tasks);<\/span>\/\/<\/span>\u52a0\u8f7d\u4efb\u52a1\u6570\u636e<\/span>\n62<\/span> \n63<\/span> <\/<\/span>script<\/span>><\/span>\n64<\/span> <\/<\/span>body<\/span>><\/span><\/pre>\n<\/div>\n
 <\/p>\n
 <\/p>\n
\u3000\u3000\u8fd0\u884c\u6548\u679c\u5982\u4e0b\uff1a<\/p>\n
\n
\"\"<\/p>\n
 <\/p>\n
 <\/p>\n
https:\/\/github.com\/610152753\/DHTMLX-Gantt-learn  \u5f00\u6e90\u8d44\u6599\u53ef\u4ee5\u8fd0\u884c\u7684\u6587\u4ef6\u3002\u5982\u6709\u95ee\u9898\u8bf7\u52a0qq\u7fa4\uff1a472279213<\/p>\n","protected":false},"excerpt":{"rendered":"
    1 <!DOCTYPE html> 2 <head> 3  … \u7ee7\u7eed\u9605\u8bfb 01.dhtmlxGantt\u4f7f\u7528\u5728\u7ebf\u6a2a\u9053\u56fe 01_initialization-01_basic_init<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/posts\/919"}],"collection":[{"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/comments?post=919"}],"version-history":[{"count":0,"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/posts\/919\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/media?parent=919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/categories?post=919"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.langmanezhuang.com\/index.php\/wp-json\/wp\/v2\/tags?post=919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}